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里的方法‘,要传入的值);