vuex使用物件展開運算子實例詳解

使用場景

當需要進行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 &#39;vuex&#39;

  export default {

    methods:{

      increment(){

        this.$store.commit(&#39;increment&#39;);

      }

    },

    computed:{

      ...mapGetters([

        &#39;count&#39;

      ]),

      ...mapState({

        counts(){

          return this.$store.state.count;

        }

      })

    }

  }

</script>

相關推薦：

JavaScript中運算子規則與隱含型別轉換範例詳解

php三元運算子與if的詳解

PHP開發之運算子使用介紹

以上是vuex使用物件展開運算子實例詳解的詳細內容。更多資訊請關注PHP中文網其他相關文章！