码迷,mamicode.com
首页 > 其他好文 > 详细

vue3vueX使用及Muntations传参问题

时间:2021-06-08 23:26:57      阅读:0      评论:0      收藏:0      [点我收藏+]

标签:文件夹   store   更改   问题   http   vue   ons   修改   需要   

技术图片

 

 这是一个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传参问题

标签:文件夹   store   更改   问题   http   vue   ons   修改   需要   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!