import { createStore } from 'vuex'
export default createStore({
state: {
// 初始化状态
dataList:[]
},
mutations: {
//同步修改state 都是方法
// 第一个参数 state 第二个参数,需要修改的值
setDataList(payload){
state.dataList = payload
}
},
actions: {
// 异步提交mutation
// 第一个参数, store 第二个参数是修改的值
asyncDataList(store, params){
//commit来调用mutation,actions里方法不可以直接修改state,store里只有mutation可以修改state
// commit 第一个参数是所需要调用 的mutations的方法,params是修改的值
store.commit('setDataList', params)
}
},
modules: {
// 模块化
}
})
vue3.0----store初始化
最新推荐文章于 2024-08-07 12:25:01 发布
这篇博客介绍了如何使用Vuex进行状态管理,包括初始化state、同步修改state的mutations以及异步处理action。示例展示了如何创建store,定义setDataList方法,并通过actions的asyncDataList异步提交mutation来更新数据列表。
摘要由CSDN通过智能技术生成