fun(){
let data = {id:"1", path:"2"}
this.$store.dispatch("businessList/test", data);
this.$store.dispatch("businessList/test1", 100);
}
...
actions: {
test(none, { id, path }) {//直接传递,可以减少再次声明变量及key
let parms1 = { id, newPath: path };//此处可以换key
let parms2 = { id, path };
console.log(id)
console.log(path)
console.log(JSON.stringify({ id, path }))
console.log(JSON.stringify(parms1)) // {id:"1", path :"2"}
console.log(JSON.stringify(parms2)) // {id:"1", newPath:"2"},
},
test1(none, id) {
let parms = { id };//直接key就是id, 值是${id}
console.log(id) //100
console.log(JSON.stringify(parms)) //{"id":100}
},
}
Vue 那些事...
于 2023-04-11 10:27:21 首次发布
该代码片段展示了在Vue.js应用中如何使用Vuex进行状态管理。函数fun()向store分别派发了两个动作businessList/test和businessList/test1,传递不同的参数。actions中的test方法接收到id和path,并创建了新的对象parms1和parms2。test1方法仅接收id,并直接以id为键创建对象parms。
摘要由CSDN通过智能技术生成