ホームページ  >  記事  >  ウェブフロントエンド  >  オブジェクト展開演算子インスタンスを使用したvuexの詳細説明

オブジェクト展開演算子インスタンスを使用したvuexの詳細説明

小云云
小云云オリジナル
2018-05-12 11:20:531881ブラウズ

使用シナリオ

データの状態管理に 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>

を使用します。 関連する推奨事項:

演算子のルールと暗黙in JavaScript 型変換例の詳しい説明

PHP の三項演算子と if の詳細な説明

PHP 開発における演算子の使い方の紹介

以上がオブジェクト展開演算子インスタンスを使用したvuexの詳細説明の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。