Vue 那些事...

该代码片段展示了在Vue.js应用中如何使用Vuex进行状态管理。函数fun()向store分别派发了两个动作businessList/test和businessList/test1,传递不同的参数。actions中的test方法接收到id和path,并创建了新的对象parms1和parms2。test1方法仅接收id,并直接以id为键创建对象parms。
摘要由CSDN通过智能技术生成
   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}
        },
    }

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值