vue项目中给一对象添加属性时，视图无法更新。

对于data里定义过的数据：

var vm = new Vue({
  data: {
    userProfile: {
      name: 'Anika'
    }
  }
})

给对象赋值的三个方法：

Vue.set(vm.userProfile, 'age', 27)  //这里的vue是全局的vue

vm.$set(vm.userProfile, 'age', 27)  //vm是组件里的“this”

//添加多个属性时：
vm.userProfile = Object.assign({}, vm.userProfile, {
  age: 27,
  favoriteColor: 'Vue Green'
})

修改数组元素的三个方法：

Vue.set(vm.items, indexOfItem, newValue); //Vue.set是一个全局方法 

vm.items.splice(indexOfItem, 1, newValue); //vm就是组件里的this

vm.$set(vm.items, indexOfItem, newValue)