如果是用vueCli 脚手架创建的项目,并且创建时勾选了Vuex,那么在src里面就会多了一个store文件夹,里面有index.js
手动安装的话,大家约定也是在src下面创建store文件夹,创建index.js 文件
Vuex3 和 Vue2.x
src/store/index.js
import Vue from 'vue'
import Vuex from 'vuex'
Vue.use(Vuex)
export default new Vuex.Store({
state: {
// 1、定义的Vuex公共变量(状态)
a:100,
b:"bb"
},
mutations: {
},
actions: {
},
modules: {
}
})
Vuex4 和 Vue3.x
src/store/index.js
// 1、引入vuex 的方法createStore
import { createStore } from 'vuex'
// 2、创建state 数据管理池
const state = {
share: 100
};
// 3、创建store仓库
const store = createStore({
state,
})
// 4、导出模块到全局
export default store;