vuex-相关语法敏感度

it2025-05-16  5

项目结构中:

modules中的多个js文件都会引入到index.js中统一输出

在.vue文件中

import {mapGetter,mapMutations,mapActions} from 'vuex' methods:{ ...mapMutations(['aa','bb']) ...mapActions(['cc','dd']) } computed:{ ...mapGetter(['ee','ff']) }

mutations中:

//state是状态对象,payload是传递的参数,也可以不传 fn(state,payload){...}

actions中:

//context是个对象,其中包含commit和state两个属性,第一种是解构的写法 1、fn({commit,state},payload){...} 2、fn(context,payload){...}

另外:

在函数定义时,参数位置的解构和默认值写法要有一定的敏感度

//从页面传过来的payload是发送ajax的相关参数,相关请求是写在vuex中的actions里 //参数位置有解构也有默认值 fn(context,{servic,data={}}={}){...}

 

最新回复(0)