Vue的知識點

2021-10-09 23:09:58 字數 1159 閱讀 8265

3、例項中的屬性要在data中宣告才會被渲染

4、鉤子就是元件的生命週期函式,生命週期即beforecreated,create,beforemount,mounted,beforeupdate,updated,beforedestory,destoryed它的本質就是特定時間段自動觸發的函式

5、vue使用模板語法插值(文字、原始html v-html、表示式),指令(todo-listo),

6、vue使用模板語法指令

v-model 將資料繫結 

v-on: == @ 將事件繫結 

v-for  進行資料的填充

7、vue的計算屬性在於分離模板語法中的複雜邏輯

計算屬性和函式的區別在於快取

8、監聽屬性 watch,我們可以通過 watch 來響應資料的變化

9、vue使用的class及style繫結

class繫結:(需要在style標籤中新增css樣式)

style繫結:

注紅的需要在data中宣告

10、vue的條件渲染 (v-if,v-else,v-else-if)

v-if 跟v-show的區別在於v-if是直接刪除dom節點,而v-show的dom節點仍然存在只是隱藏了

11、vue的迴圈渲染(v-for)

v-for 預設行為試著不改變整體,而是替換元素。迫使其重新排序的元素,你需要提供乙個 key 的特殊屬性:

例如:

}

12、事件處理

Vue常用知識點

使用cdn 通過npm安裝 npm install vue 獲取當前繫結的元素獲取當前繫結的資料 vm.data 更換data物件重新整理檢視,盡量不去更換 監控模型的變化 vm.watch message function newval,oldval 生命週期 3.3 屬性的計算1.vue中的閃爍...

Vue小知識點

動態路由 巢狀路由 routes 程式設計式導航 字串 router.push home 物件 router.push 命名的路由 router.push 帶查詢引數,變成 register?plan private router.push const userid 123 router.push ...

Vue 知識點總結

1.mvvm?對比mvc mvvm model view viewmodel model 資料模型,可以定義資料修改和操作的業務邏輯 view ui元件,將資料元件轉換成ui展示 viewmodel 同步view和model的物件 view和model沒有直接的聯絡,通過viewmodel進行互動,...