ホームページ > 記事 > ウェブフロントエンド > 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 'vuex'
export default {
methods:{
increment(){
this.$store.commit('increment');
}
},
computed:{
...mapGetters([
'count'
]),
...mapState({
counts(){
return this.$store.state.count;
}
})
}
}
</script> を使用します。
JavaScriptの演算子ルールと暗黙の型変換の例を詳しく説明
JavaScriptの演算子ルールと暗黙の型変換の詳細な紹介
以上がvuex でのオブジェクト展開オペレーター インスタンスの使用方法の詳細な説明の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。