vuex中のgettersに対してフィルター操作を計算して詳しく説明します。

getterという概念は実は私達が書いた時にはMuttionsの修正状態と同じように感じられますが、実際には違いがあります。
gettersは比較的に堅苦しいです。もし百度の財布は金額が100でしか現金化できないなら、今のページを書いています。それはもう固定されています。Mutationは違っています。Baiduの財布をクリックして現金化できます。クリックしても、getters rsは何をクリックしてもいいです。つまり、Baiduの財布を0と仮定して、getterが存在すると100元になりますが、多くのBaiduの経験を書いたら、Baiduは再び0.5元の紅包を作ります。それは100+0.5+100です。
具体的にその使い方を紹介します。
第一歩はstore.jsでconstで私達のgetters属性を宣言します。
コードは以下の通りです

const getters={

num:function(state){

return state.num+=100;

}

}

注：もし読者がstore.jsを知らないならば、私達はvuex共用のjsを書きます。
第二ステップはVuex.Store（）にgetterを導入する。
コードは以下の通りです

export default new Vuex.Store({

state,

mutations,

getters,/*     */

actions

})

第三段階は自分で作ったコンポーネント、例えばa.vueの中のcomputtedに配置します。

<script>

  import store from '@/store'

  import {mapState,mapMutations} from 'vuex'

  export default{

    data(){

      return{

      

      }

    },

  

  computed:{

   

   /*          es6      */

   ...mapState(["num"]),

   num(){

   return this.$store.getters.num;

   }

   

   },

    

    

    store

    

  }

    

</script>

注：S 6の演算子を知らなくても大丈夫です。中にはどのぐらいのstate変数を書いても大丈夫です。getterの方法などが含まれています。再度、returnに注意して必ず書かなければいけません。
ステップ4は、あなたが作成したテンプレートにテストコードを導入します。
コードは以下の通りです

<div>

{{num}}

</div>

numはいくらですか？
注:
store.js補足部分：

import Vue from 'vue'

import Vuex from 'vuex'

Vue.use(Vuex)

const state={//    

num:0,

},

const getters={

age:function(state){

return state.num+=100;

},

export default new Vuex.Store({

state,

mutations,

getters,

actions

})

注：もしあなたが100を見たら、成功したと説明します。そして自分で作ったテンプレートの中にbuttonを追加してイベントをクリックしてみてください。もう一度結果を見てみてください。
コードの補足部分は以下の通りです。
1）store.jsに下記のコードを追加します。
const muttions={/トリガ状態

jia(state){

state.num+=0.5

},

}

2）自分のコンポーネントa.vueに下記のコードを追加します。
テンプレート部分:

<div>

{{num}}

</div>

<button @click="jia">+</button>

</div>

スクリプト部分:

methods:mapMutations([

    

    'jia',

    ]),

観察結果は200.5であれば成功です。
以上のこの対vuexの中でgettersはフィルタリングの操作を計算します。詳しくは小編で皆さんに提供した内容を全部分かります。参考にしてほしいです。皆さんもよろしくお願いします。