vuex的基础用法

//store/index.js
import Vue from 'vue'
import Vuex from 'vuex'

Vue.use(Vuex)

const store = new Vuex.Store({
	state: {
		isWork:true,// 判断是否已经上班打卡了。
		isShowUnderway:false,//注塑工序是否显示正在进行的工序
	},
	mutations: {// 方法
		// 改变上班状态
		changeWorkState(state, changestate){
			state.isWork = changestate
		},
		// 改变是否显示正在进行的表格组件的显示
		orderUnderway(state, isUnderway){
			state.isShowUnderway = isUnderway
		}
	},


//vue页面
isSwitchConduct(){
        //               mutations定义的方法名          参数
	this.$store.commit("orderUnderway",!this.$store.state.isShowUnderway) // 执行vuex的state的方法，改变状态(方法名，参数)
	console.log(this.$store.state.isShowUnderway) // 查看vuex的state的状态
},