vuex的简单使用

下载好以后引入

配置如下

import Vue from "vue"
import Vuex from 'vuex'
//使用插件 使其生效
Vue.use(Vuex);

//state 存数据的地方
const state = {
	count:1
};
//mutations 修改state的唯一手段
const mutations = {
	ADD(state){
		state.count++
	}
};
//action 处理action 书写逻辑的地方
const actions ={
	//这里修改业务逻辑 不可修改state
	//我们提交给mutations来执行
	add({commit}){
		commit('ADD');
	}
}
//getter 理解为计算属性
const getters = {}

//对外暴露
export default new Vuex.Store({
	state,
	mutations,
	actions,
	getters
})

然后在main.js里引入到项目中

 到index页面使用一下