store我使用了2個(gè)模塊,/store/index.js如下:import Vue from 'vue';
import Vuex from 'vuex';
import app from './modules/app';
import user from './modules/user';
Vue.use(Vuex);const store = new Vuex.Store({
modules: {
app,
user
}
});export default store/store/modules/app.js如下:const app = {
state: {
skills: null //另外還有很多狀態(tài),在此例舉一個(gè)
},
mutations: {},
actions: {},
getters:{}}
export default app;現(xiàn)在我是在所有頁(yè)面或者組件的data里面直接引用狀態(tài),如export default {
data() {
skills: this.$store.state.app.skills,
}
}這樣可以用,但是合理么?我試了一下在頁(yè)面使用import { mapGetters } from 'vuex'export default {
computed: {
...mapGetters(['skills']),
},
}這樣好像比較符合規(guī)范,但是難道需要把states的所有屬性都在getters全部寫(xiě)一次return?感覺(jué)很冗余啊?特來(lái)請(qǐng)教,不勝感激。