store基本用法

store.js写法

import Vue from 'vue'
import Vuex from 'vuex'
import Index from './modules/index.js'
Vue.use(Vuex)
module.exports = new Vuex.Store({
    state: {},
    getters: {}, // 实时监听state值的变化(最新状态)
    modules: {
        Index
    },
    mutations: {} // 这个对象里面可以放改变state的初始值的方法
})

modules模块index.js写法

const state = {
    loginFormOP: {
        show: false
    },
}

const getters = {
    getLoginFormOP: state => {
        return state.loginFormOP
    }
}
const actions = {}
const mutations = {
    setLoginFormOP: (state, o) => {
        state.loginFormOP = o;
    }
}

module.exports = {
    state,
    getters,
    actions,
    mutations
}

store属性使用（vuex 中store的数据需要放到computed 里面才能同步更新视图）

computed: {
    loginFormOP() {
        return this.$store.state.Index.loginFormOP//或者this.$store.getters.getLoginFormOP
    },
},

store属性修改

this.$store.commit('setLoginFormOP', {
            show: true
        })