1)在src目录下新建store文件夹

2)新建index.js
import Vue from 'vue'
import Vuex from 'vuex'
import state from './state'
import mutations from './mutations'
Vue.use(Vuex)
const store = new Vuex.Store({
state,
mutations
})
export default store
3)新建state.js,存放数据
export default {
userInfo: ''
}
4)新建mutations.js,存放mutations
export default {
login (state, v) {
state.userInfo = v
}
}
5)在main.js引入store/index.js
import store from './store'
本文详细介绍了如何在Vue项目中搭建Vuex状态管理模式,包括创建store文件夹、编写state.js和mutations.js,以及在main.js中引入store/index.js,实现数据的集中管理和组件间的状态同步。
813

被折叠的 条评论
为什么被折叠?



