vuex模块中使用namespaced之后的引用方法

July 12, 2020

You have to believe in yourself. That's the secret of success.

利用createNamespacedHelpers函数快速获取vuex模块的状态。

store->index.js

export default new Vuex.Store({
  state,
  mutations,
  actions,
  modules: {
    user
  }
})

user.js

const state = {
  userName: 'ReSword'
}
const mutations = {
  //
}
const actions = {
  //
}
export default {
  namespaced: true,
  state,
  mutations,
  actions
}

xxxx组件

import { createNamespacedHelpers } from 'vuex'

computed: {
const { mapState } = createNamespacedHelpers('user')
     ...mapState({
         userName: state => state.userName
     })
}

或者
import { mapState } from 'vuex'

computed: {
...mapState('user', {
        userName: state => state.userName
    })
}

#vue #vuex #namespaced

NEWER

elementui周选择器

OLDER

echart自定义图例路径报错

评论没有加载，检查你的局域网

Cannot load comments. Check you network.