最初のステップは、これらの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)
この完全なステップは終わりました!!!!!