mapState和mapMutation的基本使用方法

传递的是 this.$store.state 属性, 这样就可以省去 this.$store 了

mapState传递的是 this.$store.commit 属性，这样就可以省去 this.$store 了

mapMutations传递的是 this.$store.commit 属性，这样就可以省去 this.$store 了

import{mapState}from'vuex'exportdefault{computed: {// 日常写法account() {returnthis.$store.state.account},password() {returnthis.$store.state.password},age() {returnthis.$store.state.age},other:() =>"other"},computed: {// 子模块的属性因有了命名空间 无法直接使用数组 magic// mutations 是没有的 可以看下文...mapState({userName:state=>state.user.name,userAge:state=>state.user.age})// magic style1...mapState(['account','password','age']),other:() =>"other"},computed: {// magic style2 自定义属性法名...mapState({account:'account',password:'password',age:'age', }),other:() =>"other"},computed: {// magic style3 更多灵活处理...mapState({account:(state) =>{// account: state => state.account | account(state) {} returnstate.account},password:(state) =>{// password: state => state.age | password(state) {}returnstate.password},age:(state) =>{// age: state => state.age | age(state) {} returnstate.age} }),other:() =>"other"} }

2个语句功能相等