【Vuex】7、Vuex-数据的响应式原理

1、Mutation响应规则

• Vuex的store中的state是响应式的，当state中的数据发生改变时，Vue组件会自动更新
• 这就要求我们必须遵守一些Vuex对应的规则：
• 提前在store中初始化好所需的属性
• 当给state中的对象添加新属性时，使用下面的方式：
• 方式一：使用Vue.set(obj, 'newProp', 123)
• 方式二：用新对象给就对象重新复制
• 如何才能改变呢？
• 查看下面代码的方式一和方式二
• 都可以让state中的属性是响应式的

总结：

    给属性添加新的属性：Vue.set(state.属性值，‘key’, 'value')

    更新属性值：state.属性.key = value

    删除属性的属性值：Vue.delete(state.属性值，‘key’)