vuex的命名空间有哪些_namespaced:Vuex Store 模块的命名空间《 Vue.js 前端应用 #6:数据管理 》...

在创建 Vuex Store 模块的时候可以设置一下让这个模块使用命名空间。打开 user 这个 store 模块,里面可以添加一个 namespaced 把它的值设置成 true,表示要使用命名空间。

回到浏览器观察一下,你会发现控制台上会提示不认识 getCurrentUser 这个 Action 了。这个动作来自 user 这个 store 模块,现在这个模块使用了命名空间。

所以在动作名字的前面要加上模块的名字,在 App 组件里,映射的 getCurrentUser 方法,对应的应该是 user/getCurrentUser 这个动作。因为这个动作来自 user 模块,这个模块用了命名空间,所以使用这个模块里的 Action,Mutation,getter 这些东西的前面都要加上模块的名字。这里就是 user ,后再再用斜线分隔一下。

回到浏览器预览一下,这次就不会提示不认识 getCurrentUser 这个动作了。

在这个 App 组件里,我们绑定输出了 user 模块里的 currentUser 这个数据。这里我们可以给这个数据添加一个 getter,打开 user.store,添加一个 getters ,里面定义一个 currentUser,接收一个 state 参数,返回的东西就是当前这个 store 里的 state 里的 currentUser。

再回到 app 组件,在 computed 里面用了一下 mapGetters ,这次我们可以给它提供一个对象参数,先添加一个 name ,对应的是 name 。再添加一个 currentUser,对应的是 user 这个 store 模块里的 currentUser。

这样在这个组件里,我们就可以直接绑定输出这个 currentUser 了。

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值