vuex模块化管理，代码更简洁，易于大项目维护

// user.js
export default {
  namespaced: true, // 这里要加，独立的命名空间，避免命名冲突
  state: {
    stateNameOne: false
  },
  mutations: {
    mutationsName(state) {
      state.stateNameOne = false;
    }
  }
}
// store文件中index.js
import user from './user.js';
export default nex Vuex({
 modules: {
	user
 }
})

<script>
import { mapState, mapMutations } from 'vuex';
export default{
 computed: {
	...mapState('user', ["stateNameOne", "stateNameTwo"])
 },
 methods: {
  ...mapActions('user', ['actionsNameOne', 'actionsNameTwo'])
 }
}
</script>

使用：

<div>{{stateNameOne}}</div>  {{stateNameTwo}}

<script>
export default{
  methods: {
   methodname() {
   	console.log(this.stateNameOne, this.stateNameTwo)
   }
  }
}
</script>