其他分享
首页 > 其他分享> > vuex的辅助函数--映射函数

vuex的辅助函数--映射函数

作者:互联网

使用mapState辅助函数

import {mapState} from 'vuex'
export default {
  name: 'home',
  computed: {
      ...mapState('user', ['nickname','age','gender'])	// 可直接使用
  } 
}

mapActions

import { mapActions } from 'vuex'
methods: {
    // ...mapActions('user', ['login']) //为了避免和状态值重名,也可以使用完整路径,如下
    ...mapActions(['user/login'])
}
// 在使用的时候
this['user/login']('admin').then(res => {})

mapGetters

使用方法类似mapState

import { mapGetters } from 'vuex'
computed: {
    ...mapGetters('user', ['welcome'])
}

mapMutations

和mapActions类似

import { mapMutations } from 'vuex'
methods: {
    ...mapMutations(['user/login'])
}

// 在使用的时候
this['user/login']('admin').then(res => {})

标签:...,映射函数,--,mapState,user,login,vuex,mapActions
来源: https://blog.csdn.net/An_Cool_bree/article/details/117318602