Vue 表单输入绑定

v-model 会忽略所有表单元素的 value、checked、selected 特性的初始值而总是将 Vue 实例的数据作为数据来源。你应该通过 JavaScript 在组件的 data 选项中声明初始值。

（绑定 computed 上的值无效）

或者深度克隆也可以避免  修改不是在 mutation 函数中执行的引起的报错

分模块 调用时：加 命名空间

this.$store.commit('right/setCurrentId', 100)

 

数据变化了但是页面不刷新 发布分原因是 key 值相同了，两次的key值无变化，vue 识别不到，所以以为没更新

vuex 里取到 的 对象层次太深，vuex 数据变化了，界面没有刷新

解决办法：包裹 div层，给 唯一 key 值，让Vue识别到 数据的更新。

this 可以访问 props 里的某一个字段  如：this.somedata

参考：https://vuex.vuejs.org/zh/guide/forms.html

https://vuex.vuejs.org/zh/guide/mutations.html

watch 钩子可以 监听 computed 计算属性