...mapMutations的使用
1、在es6中更新了…拓展运算的写法:首先我们要先知道三个点是什么意思…;简单点理解可以讲三个点看成就是省略号,省略号表示有些东西被隐藏了,用省略号就是表示这个对象是可以展开的,所以三个点ES6中也定义为扩展运算符或者展开运算符。2、下面以示例介绍:首先在vuex定义:export default new Vuex.Store({state: {// 展示数据detail: {},},mutati
·
1、在es6中更新了…拓展运算的写法:
首先我们要先知道三个点是什么意思…;简单点理解可以讲三个点看成就是省略号,省略号表示有些东西被隐藏了,用省略号就是表示这个对象是可以展开的,所以三个点ES6中也定义为扩展运算符或者展开运算符。
2、下面以示例介绍:
首先在vuex定义:
export default new Vuex.Store({
state: {
// 展示数据
detail: {},
},
mutations: {
//方法名字自定义()
changeDetail(state, paylod) {
// 信息
this.detail=paylod
}
}
}
在vuex里存入数据之后呢我们下一步需要在页面使用的地方调用,
1、在组件中导入vuex中的mapMutations:
//引入vuex(mapMutations主要是传递参数,辅助函数)
import {
mapMutations
} from "vuex"
2、在methods下使用…引用
methods: {
...mapMutations(['changeDetail']),
}
最后一步,在需要存入vuex的时候调用
this.changeDetail(data)
这样就可以实现同步vuex存储的数据了。
更多推荐
已为社区贡献1条内容
所有评论(0)