Vue更改了data里的数据，但是视图却没有更新

1.Vue不能检测以下数组的变动：

var vm = new Vue({
  data: {
    items: ['a', 'b', 'c']
  }
})
vm.items[1] = 'x' // 不是响应性的
vm.items.length = 2 // 不是响应性的

    当利用索引值修改数组某项时，使用：Vue.set(vm.items, indexOfItem, newValue);或者：vm.$set(vm.items, indexOfItem, newValue)vm.items.splice(indexOfItem, 1, newValue)

    当修改数组长度时使用：vm.items.splice(newLength

2.Vue 不能检测对象属性的添加或删除

    因为Vue 会在初始化实例时对属性执行 getter/setter 转化，所以属性必须在 data 对象上存在才能让 Vue 将它转换为响应式的。

var vm = new Vue({
  data: {
    a: 1
  }
})
// `vm.a` 现在是响应式的

vm.b = 2
// `vm.b` 不是响应式的

1. 对于已经创建的实例，Vue 不允许动态添加根级别的响应式属性。但是，可以使用 Vue.set(object, propertyName, value) 方法向嵌套对象添加响应式属性。

   var vm = new Vue({
     data: {
       userProfile: {
         name: 'Anika'
       }
     }
   })
   
   Vue.set(vm.userProfile, 'age', 27)
   或者：可以使用 vm.$set 实例方法，它只是全局 Vue.set 的别名：
   vm.$set(vm.userProfile, 'age', 27)
   

    

2. 如果为已有对象赋值多个新属性

   vm.userProfile = Object.assign({}, vm.userProfile, {
     age: 27,
     favoriteColor: 'Vue Green'
   })