使用場景

當(dāng)需要進(jìn)行vuex進(jìn)行數(shù)據(jù)狀態(tài)管理的時(shí)候，會使用到mapGetters,mapState,還有自身的計(jì)算屬性的時(shí)候，這個(gè)時(shí)候就會用到這個(gè)了！

1.首先需要安裝

npm install babel-plugin-transform-object-rest-spread -D 

2.需要在.babelrc文件中新增以下

{ "presets": [  ["env", { "modules": false }] ], "plugins": ["transform-object-rest-spread"] //增加這一行} 

3.在vue組件中使用

<script>  import {mapState,mapGetters} from 'vuex'  export default {    methods:{      increment(){        this.$store.commit('increment');      }    },    computed:{      ...mapGetters([        'count'      ]),      ...mapState({        counts(){          return this.$store.state.count;        }      })    }  }</script> 

以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持錯新站長站。