store我使用了2個模塊,/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 //另外還有很多狀態,在此例舉一個
},
mutations: {},
actions: {},
getters:{}}
export default app;現在我是在所有頁面或者組件的data里面直接引用狀態,如export default {
data() {
skills: this.$store.state.app.skills,
}
}這樣可以用,但是合理么?我試了一下在頁面使用import { mapGetters } from 'vuex'export default {
computed: {
...mapGetters(['skills']),
},
}這樣好像比較符合規范,但是難道需要把states的所有屬性都在getters全部寫一次return?感覺很冗余?。刻貋碚埥?,不勝感激。
添加回答
舉報
0/150
提交
取消