这篇文章主要介绍了vuex分模块后,实现获取state的值，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
问题：vuex分模块后，一个模块如何拿到其他模块的state值，调其他模块的方法？
思路：
1.通过命名空间取值–this.$store.state.car.list // OK
2.通过定义该属性的getter方法，因方法全局注册，不存在命名空间，可以通过this直接调用。
this.$store.state.car.carGetter
我在car模块中自己的定义了state, getters,
this.$store.state.car.list可以拿到值.
但是,this.$store.state.car.carGetter报错,
请问.如何在组件中调用这个getters,
//car.js state = { list: [] } getters = { carGetter: state => { return state.list.filter(''); } } new Vuex.Store({ getters: { test: state => { return '02'; } }, modules: { car } }) // 组件 this.$store.state.car.list // OK this.$store.state.car.carGetter // undefined this.$store.state.carGetter // 为什么这么用ok, 难道会把模块中的getters注册到root ?
已解决！
模块内部的 action、mutation、和 getter 现在仍然注册在全局命名空间――这样保证了多个模块能够响应同一 mutation 或 action。
补充知识：vuex使用模块的时候 获取state里的数据语法
普通语法
this.$store.state.【哪个数据】
模块化语法：
this.$store.state.【哪个模块】.【哪个数据】
<div class="panel panel-info"> <div class="panel-heading"> <h4 class="panel-title">购物车列表</h4></div><div class="panel-body"> <p>这里什么都没有，请先添加商品。</p></div><div class="panel-footer"> 清空购物车（{{cartQuantity}}）立即结算（{{cartTotal<span style="color:transparent">来1源gaodai#ma#com搞*代#码1网</span>}}）</div></div>
以上这篇vuex分模块后,实现获取state的值就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持gaodaima搞代码网。
以上就是vuex分模块后,实现获取state的值的详细内容，更多请关注gaodaima搞代码网其它相关文章！
搞代码网（gaodaima.com）提供的所有资源部分来自互联网，如果有侵犯您的版权或其他权益，请说明详细缘由并提供版权或权益证明然后发送到邮箱[email protected]，我们会在看到邮件的第一时间内为您处理，或直接联系QQ：872152909。本网站采用BY-NC-SA协议进行授权
转载请注明原文链接：vuex分模块后,实现获取state的值
转载请注明原文链接：vuex分模块后,实现获取state的值
