vue模糊的知識點

2021-09-11 14:11:27 字數 1031 閱讀 2253

父元件

"home">

"kk"/>

}複製**

子元件

"add" @click="add">add

複製**

父元件

"kk" />

複製**

子元件

"add" @click="add">test

}複製**

segmentfault.com/img/bves9x?…

因為 props 要比 data先完成初始化,所以可以利用這一點給 data 初始化一些資料進去:

export default 

},props:

}複製**

watch: 

}複製**

computed的資料會快取,只有依賴的資料變化才會執行,就是說kk值得變化,導致執行update生命週期,watch和方法都會執行,但是computed不會

"home">

"kk" />

"cc">button

data}

}複製**

this.debouncedgetanswer = _.debounce(this.getanswer, 500)

複製**

每次父級元件發生更新時,子元件中所有的 prop 都將會重新整理為最新的值。這意味著你不應該在乙個子元件內部改變 prop。如果你這樣做了,vue 會在瀏覽器的控制台中發出警告。

複製**

* key值 value值

* 1 蘋果

* 2 橘子

* 3 香蕉

當陣列倒序時,蘋果key變成3,肯定會銷毀重建的,但是key值若是pingguo,就是調下順序

複製**

Vue的知識點

3 例項中的屬性要在data中宣告才會被渲染 4 鉤子就是元件的生命週期函式,生命週期即beforecreated,create,beforemount,mounted,beforeupdate,updated,beforedestory,destoryed它的本質就是特定時間段自動觸發的函式 5 ...

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 ...