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