使用vue.js開發(fā)時一些注意事項(xiàng)

字號:


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