许昌做网站联系电话,如何自己做网站推广淘宝客,三亚最新通告文昌最新通告,别墅设计装修设计目录 一、mutations基本认知
二、mutations的基本使用
三、mutations传参语法
四、注意
五、辅助函数#xff1a;mapMutations 一、mutations基本认知
目标#xff1a;明确vuex同样遵循单向数据流#xff0c;组件中不能直接修改仓库的数据。
通过 strict:true可以开启…目录 一、mutations基本认知
二、mutations的基本使用
三、mutations传参语法
四、注意
五、辅助函数mapMutations 一、mutations基本认知
目标明确vuex同样遵循单向数据流组件中不能直接修改仓库的数据。
通过 strict:true可以开启严格模式这样可以针对直接在组件中修改仓库数据的行为进行报错。 不过对于错误写法的检测是比较消耗性能的所以系统在正式上线时不需要开启严格模式。
二、mutations的基本使用
1.定义mutations对象对象中存放修改state的方法。 2.在组件中提交调用mutation 三、mutations传参语法
提交mutation是可以传递参数的“this.$store.commit(xxx,参数)”,mutation只能传递一个参数如果传递多个参数多余的参数是接收不到的如果实在要传递多个参数可以将多个数据封装成对象进行传递。
1.提供mutation函数带参数-提交载荷payload 2.在组件中提交调用mutation 四、注意
v-model不能跟vuex的数据做绑定因为v-model是双向数据绑定而vuex遵循单向数据流。
v-model等价于:value input。所以如果要对vuex数据做类似v-model的效果要拆成这两步且整个过程要遵循单向数据流。 五、辅助函数mapMutations
mapMutations和mapState很像它是把位于mutations中的方法提取出来映射到组件methods中。
1.编写一个mutation函数 2.在组件中将mutation映射到methods。左边的代码等价于右边的代码 3.调用mutation
