您好,登錄后才能下訂單哦!
使用場景
當(dāng)需要進(jìn)行vuex進(jìn)行數(shù)據(jù)狀態(tài)管理的時(shí)候,會(huì)使用到mapGetters,mapState,還有自身的計(jì)算屬性的時(shí)候,這個(gè)時(shí)候就會(huì)用到這個(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í)有所幫助,也希望大家多多支持億速云。
免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場,如果涉及侵權(quán)請聯(lián)系站長郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。