vuex 状态管理工具,可以实现状态的全局管理,减少了组件通信的复杂度,提高了开发效率
如果是创建了vue-cli脚手架,那么直接在store下的index.js下编写代码
state:用来存放数据的仓库
在state创建一个数据 count:0
在组件中可以通过this.$store.state.count取值
也可以通过 在computd中 扩展运算 …mapState([“count”])取值
mutation : 用来声明处理函数的地方
可以通过定义函数的方式去修改state的值
比如 add(state){
state.conut++
}
在组件中可以通过在methdos中定义方法
比如shijian(){
this.$stort.commit(“add”)
}调用
也可以通过 …mapMutation([“add”])调用
shijian(){
this.add()
}
action 是用来处理异步调用的
可以在里面生命任何异步程序,比如暂时器
async(context){
setTimout((state)=>{
context.commit(“add”)
},1000)}
在组件里可以使用…mapAction([“async”])调用
也可以通过this.$store.dispatch(“async”)调用
getters 就是对state的包装,相当于computd计算属性,不做解释
968

被折叠的 条评论
为什么被折叠?



