vuex的基本使用

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计算属性,不做解释

评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值