关于学习VUEX的学习记录

store文件

import Vue from 'vue'
import Vuex from 'vuex'
Vue.use(Vuex)
const store = new Vuex.Store({
    state: {
        isView: false
    },
    mutations: {
        SET_ISVIEW: (state, isView) => {
            state.isView = isView
        }
    },
    actions: {
        SET_ISVIEW: ({ commit }, payload) => {
            commit('SET_ISVIEW', payload)
        }
    },
    getters: {
        getIsView(state) {
            return state.isView
        }
    }

})
export default store

对于state、mutations、actions、getters、Moudle的理解
state:就相当于数据库表的列名
在这里插入图片描述
isView就是相当于一个列名,而flase就是isView列下的数据

mutations:相当于对这个表的进行的操作(类似于视图)
在这里插入图片描述
SER_ISVIEW的意思就是赋值给isView

action操作mutation里面的方法(操作视图)
关于学习VUEX的学习记录_第1张图片
getter获取state里面的数据进行展示(类似于select语句选择语句进行展示)
关于学习VUEX的学习记录_第2张图片
Moudle直接上图
关于学习VUEX的学习记录_第3张图片
关于学习VUEX的学习记录_第4张图片

你可能感兴趣的:(vuex,Vue,webpack,vue-cli3)