首頁  >  文章  >  web前端  >  vuex中如何使用物件展開運算子實例詳解

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

小云云
小云云原創
2018-02-01 13:22:522645瀏覽

當需要進行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中運算子規則和隱式類型轉換範例詳解

Mysql之運算子與函數的總結

詳細介紹JavaScript中運算子規則與隱含型別轉換

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

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn