vue3 创建项目时勾选vuex,会自动生成一个store文件夹自带一个index.js
如果构建项目时没勾选vuex,之后在单独安装vuex会报错,因为版本不兼容、这时候就可以用
vue add vue-next
这个命令会把项目中的一些依赖自动升级成支持vue3的版本
单独安装需要自己创建文件夹与文件
index.js:
// 引入
import { createStore } from "vuex";
import axios from 'axios';
export default createStore({
// 声明变量
state: {
"name": 'xxxxx',
"Adata": null,
"Bdata": {}
},
// 修改变量(state不能直接赋值修改,只能通过mutations)
mutations: {
// 参数一:state,参数二:新值
getname(state, newValue){
state.name = newValue
},
getAData(state, newValue){
state.Adata = newValue
},
getBData(state, newValue){
state.Bdata = newValue
}
},
// mutations的值由actions传入
actions: {
// 参