Getter用于对Store中的数据进行加工处理形成新的数据 它只会包装Store中保存的数据,并不会修改Store中保存的数据,当Store中的数据发生变化时,Getter生成的内容也会随之变化 打开store.js文件,添加getters,如下:
export default new Vuex.Store({ ....... getters:{ //添加了一个showNum的属性 showNum : state =>{ return '最新的count值为:'+state.count; } } })
然后打开Addition.vue中,添加插值表达式使用getters
{{$store.getters.showNum}}
或者也可以在Addition.vue中,导入mapGetters,并将之映射为计算属性 import { mapGetters } from 'vuex' computed:{ ...mapGetters(['showNum']) }