當需要進行vuex進行資料狀態管理的時候，會使用到mapGetters,mapState,還有自身的計算屬性的時候，這個時候就會用到這個了！本文主要跟大家介紹vuex中使用物件展開運算子的範例，小編覺得挺不錯的，現在分享給大家，也給大家做個參考。一起跟著小編過來看看吧，希望能幫助大家。
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>相關推薦：
詳細介紹JavaScript中運算子規則與隱含型別轉換
以上是vuex中如何使用物件展開運算子實例詳解的詳細內容。更多資訊請關注PHP中文網其他相關文章！
