vuex中mapState和mapActions

当有多个modules时

 modules: {
    app,
    settings,
    user,
    project
  },

使用 mapState

import { mapState, mapActions } from 'vuex'

这样就可以直接通过this.state获取出project模块中的state

computed: {
    ...mapState('project', {
      state: state => state
    })
  },
console.log(this.state)

同理 mapActions

methods: {
    ...mapActions('project', [
      'setDeviceList' action中的方法名 
    ]),
  }
  this.setDeviceList();调用方法

使用modules分模块要通过添加namespaced: true来通过命名空间对module进行区分

export default {
  namespaced: true,
  state,
  mutations,
  actions
}

区别，添加namespaced: true后
不添加namespaced: true