关于vueX的五个属性

vuexdiyi是我们经常使用的组件之间传值的一个vue插件,需要我们进行引入,vuex呢有五个属性,我们下面具体介绍一下五个属性及使用方法。

1.state:他的作用就是声明遍历,存储状态数据,有点类似于Vue里的data都是用来存放数据的

2.getters:是(state)的计算属性,和Vue里的的computed 计算属性是一样的作用

3.mutations:提交更新数据的方法,必须是同步的(如果需要异步使用action)。

4.actions: 他的异步的,很多数据获取的工作,比如调用api接口都在这里完成。

5.modules:模块化vuex可以让每一个模块拥有自己的state、mutation、action、getters,使得结构非常清晰,方便管理。

接下来通过代码看清怎么使用vuex

第一步:

需要在vue项目的里创建一个store文件夹然后创建一个js文件引入vue及vuex

 接下来还需要我们在main.js里面导入该文件夹

第二步:创建我们的vuex的五个属性

 写完具体结构后我们在vue里面调用函数,

同步的话:基本函数我们使用:this.$store.commit('函数名')来调用

异步的话:一般用于接口函数的使用,this.$store.dispatch('函数名')

关于使用的话是还有四个map方法熟练之后再来续写

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值