如何在vue组件中使用vuex中的getter
就如官网所说:
Vuex 允许我们在 store 中定义“getter”(可以认为是 store 的计算属性)。就像计算属性一样,getter 的返回值会根据它的依赖被缓存起来,且只有当它的依赖值发生了改变才会被重新计算。
所以在组件中可以把操作getter的方法写在计算属性中,例如
//store.js
getters: {
activeNoteText: (state) => {
return state.activeNote.text
}
}
//组件中使用
export default {
computed: {
activeNoteText () {
return this.$store.state.activeNote.text
}
}
}