vue.js - vuex中获取state里面的值的问题
本文介绍了vue.js - vuex中获取state里面的值的问题的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
问 题
第一步: 在A.component里面, 触发
this.$store.commit({name: 'zhangsan'})
第二步: 在mutation里面, 运算之后, 得到name="李四"
那问题来了:
在A.component我要获取到最新的值, 只能通过this.$store.name才能获取到吗?
在A.component里面要想绑定上, 如<h1>{{name}}</h1>, 只能通过computed或者watch这种方式吗?
解决方案
1.也可以在computed
里面使用mapGetters
,2.我见到的都是通过computed
来取得vuex
的值的,官方文档也是这么写的、
import { mapGetters } from 'vuex'
export default {
// ...
computed: {
// 使用对象展开运算符将 getters 混入 computed 对象中
...mapGetters([
'doneTodosCount',
'anotherGetter',
// ...
])
}
}
这篇关于vue.js - vuex中获取state里面的值的问题的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文