首页 > 其他 > 详细

vue3vueX使用及Muntations传参问题

时间:2021-06-08 20:20:58      阅读:25      评论:0      收藏:0      [点我收藏+]

技术分享图片

 

 这是一个VUEX的修改值的流程,先通过组键使用——请求后台提交到Mutatlons然后通过state修改

首先要通过命令下载vuex,或通过新建目录时就一起安装一个。

示例:

在store,index下新建一个值为dnum:0

技术分享图片

 

 然后在需要使用修改dnum值的页面引用

home页面

技术分享图片

 

 $store 是在main里引用的名字,所以我们要使用这个名字如图

main.js

技术分享图片

 

 然后我们在store文件夹js下新建一个方法

vuex的js

技术分享图片

 

 这个方法根据自己的需求更改,这里只是给个示例

然后我们根据页面使用的方法调用vuex全局属性($store)里的提交方法(commit),就可以找到刚才vux里的方法

home页面

技术分享图片

 

 技术分享图片

 

 如果要给VUEX里的Mutations方法传参,就可以在后面加个参数

hame页面

技术分享图片

 

 在vuex里接收

 

vuex里的js

技术分享图片

 

如果要传多个参数是超过二个是会报undefined的,所以这时候我们就使用对象的方法传值就可以了。

home页面

 技术分享图片

 vuex的js

技术分享图片

 

vue3vueX使用及Muntations传参问题

原文:https://www.cnblogs.com/whenwei123/p/14863275.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!