vue3vueX的Muntations传参问题

 

 这是一个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

 如果需要直接使用muntaions里的方法，

要先导入vuex里的

import { useStore } from 'vuex';

 

然后在其

setup(){

 　　const store =useStore(); 

}

store.commit('muntaions里的方法‘,要传入的值);