概念:当state中的数据需要经过加工后再使用时,可以使用getters加工。
在store.js中追加getters配置
store.js
getters
...... const getters = { bigSum(state){ return state.sum * 10 } } //创建并暴露store export default new Vuex.Store({ ...... getters })
组件中读取数据:$store.getters.bigSum
$store.getters.bigSum