使用vue.js進(jìn)行項(xiàng)目的開(kāi)發(fā)已經(jīng)有了一定的時(shí)間,在任務(wù)的過(guò)程中以及和不同的開(kāi)發(fā)使用者交流中,逐漸對(duì)vue.js的使用心得有了一定的積累。本文主要給大家分享一些開(kāi)發(fā)時(shí)需要注意的事項(xiàng)
關(guān)于響應(yīng)式
vue的雙向綁定是基于響應(yīng)式來(lái)做的,即給一個(gè)Vue對(duì)象的屬性加上getter, setter方法,在這些方法中處理雙向綁定。但這種方式就會(huì)出現(xiàn)下面這些坑
對(duì)象響應(yīng)式
Vue中的屬性如果是Object,或者是數(shù)組,數(shù)組中有Object,那么這些Object最好在最開(kāi)始就把所有需要用到的屬性都定義一遍,如果在運(yùn)行中重新添加屬性,這個(gè)屬性并不是響應(yīng)式的,就不會(huì)實(shí)現(xiàn)雙向綁定,例如:
const vm = new Vue({
data: {
a: {
text: 'aaa'
}
}
})
vm.a.b = 'ccc'
這樣的情況,a的b屬性不是響應(yīng)式的,所以不會(huì)雙向綁定
Date對(duì)象
對(duì)Date對(duì)象的操作不是響應(yīng)式的