首頁 > web前端 > js教程 > 主體

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

小云云
發布: 2018-05-12 11:20:53
原創
1896 人瀏覽過

使用場景

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

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板