Vuexでデータ状態のクエリと変更を実現します。

vuexでvue注入を行ったら、どのサブアセンブリでもthis.$storeでvuexにアクセスできます。

import store from './store' 
new Vue({
 el: '#app',
 router,
 store,
 components: { App },
 template: '<App/>'
})

1.サブコンポーネントの中で、this.store.state.変数名を通してサブコンポーネントの中のある変数の値にアクセスします。
this.tabbaarActive=this.$store.state.tabbaarActive/ここのtabbaarActiveはvuexに格納されている変数名です。
2.サブアセンブリでは、Vuexのデータ状態を、this.$store.com mmit（「メソッド名」、パラメータ）で更新/挿入する
1）vuexにおけるstoreの変更の唯一の方法はmutationを提出することであり、実用化されたvuexを呼び出すことによって、muttionsに対応する方法は状態値の変化を実現することができます。payloadはパラメータオブジェクト、または単一値、stateパラメータは呼び出し時にデフォルトで最初のパラメータとして伝えられますが、muttionsでこの関数を説明するときにstateに入る必要があります。

  mutations: {
  changeTarBar (state,payload) {
   state.tabbarActive = payload
  }
 }

Cサブコンポーネントでstoreの状態を更新する

this.$store.commit("changeTarBar",idx)//  idx      

Cまたはこのような書き方では、この時のpayloadはパラメータオブジェクトであり、payload.idxによってサブアセンブリから入ってきたパラメータ値を得ることができます。

 this.$store.commit({
  type:'changeTarBar',//type     
  idx,
 })

以上のVuexでのデータ状態の照会と変更は、小編集が皆さんに提供した内容の全部です。参考にしていただければと思います。よろしくお願いします。