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の演算子ルールと暗黙の型変換の例を詳しく説明

Mysqlの演算子と関数のまとめ

JavaScriptの演算子ルールと暗黙の型変換の詳細な紹介

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