vuex模块化

新手小白前来踩雷,有什么写错了的地方请不吝赐教,指点一二

Vuex的5个基本属性

vuex状态存储是响应式,小型项目不推荐使用vuex(官方文档说的)

  • State 存储的数据
  • Getter state数据的派生,想不改变state数据,对state进行操作就用getter吧
  • Mutations 修改state数据的同步事件(更改状态的唯一方法)
  • Actions 提交的是 mutation,但是它是异步的,所以你可以axios请求
  • Modules 当数据太多太臃肿,划分模块用的 (给自己埋了一堆雷)

埋雷、挖雷之路

基础的用法按照官方文档应该没问题

  • modules开启命名空间(提高封装度和复用性)
export default {
  namespaced: true,
  state: {
		set: false
		}
}

关键字 namespaced ,你有可能写这样 namespace,然后和我一样懵逼半天

  • 在开启了命名空间,调用state
    this.$store.state.(modules名字).(state名字)

     举个栗子:this.$store.setting.set
     setting: modules名
     setÿ
  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值