Vue學習筆記

2021-09-29 15:05:12 字數 812 閱讀 6663

vue學習筆記

beforecreate //在例項初始化之後、建立之前執行 一般使用場景是在加 loading事件的時候

created //例項建立後執行 處於loading結束後,還做一些初始化,實現函式自執行(data資料已經初始化,但是dom結構渲染完成,元件沒有載入)

beforemounted //在掛載開始之前呼叫 處於元件建立完成,但未開始執行操作

filters //掛載前載入過濾器

computed //計算屬性

directives-bind //只呼叫一次,在指令第一次繫結到元素時呼叫

directives-inserted //被繫結元素插入父節點時呼叫

activated //keep-alive元件被啟用時呼叫,則在keep-alive包裹的巢狀的子元件中觸發

mounted //掛載完成後呼叫 處於發起後端請求,獲取資料,配合路由鉤子執行操作(dom渲染完成,元件掛載完成 )

} //mustache表示式渲染頁面

created 與 mounted 的區別

computed 與 watched 的區別

data和computed的區別:

meta 字段就是路由元資訊欄位vue-router路由元資訊說白了就是通過meta物件中的一些屬性來判斷當前路由是否需要進一步處理,如果需要處理,按照自己想要的效果進行處理即可!

vue學習 筆記

v model 雙向繫結 v if v else if v else v on 繫結事件 v bind 繫結資料 v cloak 當vue未初始化完成前可不顯示為賦值的 vue屬性名稱 需要給v cloak設定 display none v for i迴圈次數 a資料中的資料 arr定義的陣列 最好...

vue學習筆記

vue學習筆記 從7月2日到7月4日三天的學習成果 一 vue的起步 及配置環境 3 使用vue cli快速搭建vue專案vue init webpack 為專案名 建立成功需要等待一段時間 4 輸入npm run dev編譯專案,成功後根據提示或根據修改的埠號登陸 lacalhost 5.看到下圖...

vue 學習筆記

1.v if v show區別 v if 是 真正 的條件渲染,因為它會確保在切換過程中條件塊內的事件 和子元件適當地被銷毀和重建。v if 也是惰性的 如果在初始渲染時條件為假,則什麼也不做 直到條件第一次變為真時,才會開始渲染條件塊。相比之下,v show 就簡單得多 不管初始條件是什麼,元素總...