mapGetters的使用

vuex中mapGetters的使用。

如果一个变量或对象需要在多个页面和组件中使用,那么,可以使用mapGetters。
各个页面使用
1.引入

   import { mapGetters  } from "vuex";
   

2.在method同级上放入computed

computed: mapGetters(["freeShipping"]),

或者

computed: {
               ...mapGetters(["freeShipping"])
          } ,

3.可放入多个对象
getters中的state
列如:getters: {
yourGetters: state => state.yourGetters,
yourGetters2 :state => state.yourGetters2
}

 computed: mapGetters(["yourGetters","yourGetters2"]),

4.页面变量取用

{{yourGetters.value}}

你可能感兴趣的:(VueX,前端)