vue2 使用vuex状态管理工具 如何配置与搭建。

等我研究研究,下一期给大家出一个后台管理左侧侧边栏如何搭建的。

首先我们先下载一下 vuex包   yarn add vuex@3

1.先导入我们需要的 Vue   和 vuex

2.注册vuex

3.创建vuex实例

4.导出store 

export default store

5.在main.js中导入并挂载到全局。

Vuex如何实现模块化。

1.首先我们在 store文件夹下新建一个modules文件夹,在当前文件新建我们需要的vuex模块。

2.模块中正常写。

以上图片提到命名空间,为什么要开启命名空间呢?

  • 不加命名空间,所有的都找一遍。
  • 加了的话,只去特定的模块找
  • 所以使用命名空间的话,提交mutations写法就变了

然后在index文件夹中导入当前模块并挂载到vuex实例中。

  • 21
    点赞
  • 7
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值