ホームページ > 記事 > ウェブフロントエンド > オブジェクト展開演算子インスタンスを使用した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 'vuex' export default { methods:{ increment(){ this.$store.commit('increment'); } }, computed:{ ...mapGetters([ 'count' ]), ...mapState({ counts(){ return this.$store.state.count; } }) } } </script>
を使用します。 関連する推奨事項:
演算子のルールと暗黙in JavaScript 型変換例の詳しい説明
以上がオブジェクト展開演算子インスタンスを使用したvuexの詳細説明の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。