初心者のためにvuexを使用するためのいくつかの大きなステップ

最初のステップは、これらのjsファイルを作成するためのストアファイルを作成することです

2番目のステップでは、Appファイルのmask_layerを別のファイルに送信する必要があります。注:mapGettersを導入します。 

また、最初にここに電話し、次回は直接電話します。

 import {mapGetters} from 'vuex'

    computed: {
      ...mapGetters(['showZZC']),
    },
    watch:{
      ...mapGetters(['showZZC']),
      showZZC(val){
        this.mask_layer = val
      },

3番目のステップ:ues.jsに次のように記述します

const user = {
  state: {
    showZZC:false
  },

  mutations: {
    //修改state里面的enterpriseSelectEvent
    changeZZC: (state, val) => {
      state.showZZC= val
    },
  },

  actions: {
  }
}
export default user

ステップ4:getter.jsの内部

const getters = {
  showZZC:state => state.user.showZZC,//这里的user是你的modules里面具体文件名字比如user.js
}
export default getters

ステップ5:インデックス内 

import Vue from 'vue'
import Vuex from 'vuex'
import user from './modules/user'
import getters from './getters'

Vue.use(Vuex)

const store = new Vuex.Store({
  modules: {
    user
  },
  getters
})

export default store

ステップ6:作成したjsファイルを書き込んだ後、受信したファイルに書き込む必要があります

最初にmain.jsで引用します。現在のページで紹介されている場合、   :1を呼び出すときにこれはありません。 

// import store  from '@/store'

在mian.js中  还得加一个  Vue.prototype.$store = store 

然后全局都可以用,this.$store

再利用:2、

// this.$store.commit('showZZC', true)

この完全なステップは終わりました!

 

 

おすすめ

転載: blog.csdn.net/weixin_44727080/article/details/115001927