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

字號:


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