當需要進行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中文網其他相關文章!