vue新手小白，在看vue文檔的時候 發現vue關於 數組，對象值改變的與 ng有那麽點不同。

官方表示

由於 JavaScript 的限制，Vue 不能檢測以下變動的數組：

1. 當你利用索引直接設置一個項時，例如：vm.items[indexOfItem] = newValue
2. 當你修改數組的長度時，例如：vm.items.length = newLength

但是對於曾經使用ng的我來說，是不一樣的。

比如：

vue 不能檢測你直接根據數組的索引對數組的某個值修改。

Vue 不能檢測對象屬性的添加或刪除。

但是它提供了另外的方法vue.set ,可以修改數組的值喝對象新增刪除屬性。

<script>  
export default {
      data(){
            return {
                list:[1,2,3,4,5,6],
                userProfile: {
                    name: ‘Anika‘
                }
                user: {
                   name: "hea",
                   age: 12
                }
            }
     }, 
     mounted() { 
           this.$set(this.list, 1, 27) 
           this.$set(this.userProfile, ‘age‘, 27)
           this.user = Object.assign({}, this.user, {
                                     age: 22,
                                     name: "huangenai"
           });
     } 
   } 
</script>

此隨筆乃本人學習工作記錄，如有疑問歡迎在下面評論，轉載請標明出處。

如果對您有幫助請動動鼠標右下方給我來個贊，您的支持是我最大的動力。

vue 關於vue.set的學習筆記