[Vuex] Getters

2202 ワード

Getters vuex テキストリンク

https://joshua1988.github.io/web-development/vuejs/vuex-getters-mutations/
板橋隊長の位置づけは素晴らしいです.
そのポスターを見て勉強しています.

Gettersとは?

中央データ管理構造の1つの問題は、各コンポーネントからVuexのデータにアクセスすると、重複するコードが繰り返し呼び出されることである.
=>わぁ大発だからGettersが必要だ...
=>わかりにくい

Vueの公式サイトで述べたように、Templateの表現はできるだけ簡略化されるべきだ.

<h3>vuex: {{ $store.state.doubledata }}</h3>

=>thisは貼らずに起動しました.
動作を表す

<h3>vuexdata</h3>

それを変数にします.
その他の式は次のとおりです.
プッシュオフ
=>彼らを集めたらGetters!!!!

=>mapの前の関数はまだ習ったことがないので、コードを見るたびに不便なので、今回はしっかり勉強しておきましょう
=>つまり、これは毒性を高めるための

computed: mapGetters({
  parentCounter : 'getCounter' // getCounter 는 Vuex 의 getters 에 선언된 속성 이름
}),

computed: mapGetters([
  'getCounter'
]),

これは可能ですが、他の単独の計算は使用できません.
だから….必要

computed: {
  ...mapGetters([
    'getCounter'
  ]),
}

ただ構文を使用するには

npm install --save-dev @babel/preset-stage-2

これをインストールするには
??
あなたが手伝ってくれなくてもいいと思います.
...mapGetters
=>やっと解決

この問題について([Vuex] Getters), 我々は、より多くの情報をここで見つけました https://velog.io/@2taesung/Vuex-Getters

テキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。

Collection and Share based on the CC Protocol