Vue $操作符的集中常见用法（二） 数据更新

我们在对Vue中data()的数据进行更新时，常常会这样做：

this.data1 = 'data1'

或者

this.data1.properties1 = 'data1'

对于第一种情况，可以正常触发Vue的数据绑定视图进行页面更新。但是，第二种情况，就无法正常触发了。

若想第二种也能正常触发Vue视图更新，则需换一种写法，使用Vue提供的数据更新API

vm.$set(target, propertyName | index, value) 修改数据

返回值： 设置的值

用法： 这是全局Vue.set 的别名

Vue.set(target, propertyName | index, value)

用法： 向响应式对象添加一个property，并保证这个property同样是响应式的，且同样触发视图更新；它必须用于向响应式对象上添加新property，因为Vue无法探测普通的新增property、为其更新视图。

注： 对象不能是Vue实例，或者Vue实例的根数据对象

vm.$delete( target, propertyName/index ) 删除数据

用法：
这是全局 Vue.delete 的别名。

Vue.delete( target, propertyName/index )

用法：
删除对象的 property。如果对象是响应式的，确保删除能触发更新视图。这个方法主要用于避开 Vue 不能检测到 property 被删除的限制，但是你应该很少会使用它。

注：目标对象不能是一个 Vue 实例或 Vue 实例的根数据对象。