getters简述:
getters用于获取state里的数据,它类似于计算属性,如果要获取的数据并没有发生变化的话,就会返回缓存的数据。
getters的优点:
此外,使用getters的好处还可以使代码更加简洁,对于获取同样的数据,直接调用同一个方法即可,不需要每个组件都单独写一遍函数,直接调用在getters写好的方法就可以。
getters用法:
用法很简单,跟计算属性基本一样,代码示例:
store.js (定义)
state: {
getTest: {
data: {
test: '133'
}
}
},
getters: {
getData: state => {
return state.getTest.data
}
},
component.js (调用)
created() {
this.data = this.$store.getters.getData
}