很多頁面或者組件要調用vuex的state，怎么寫最好??？

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 //另外還有很多狀態(tài)，在此例舉一個
  },
  mutations: {},
  actions: {},
  getters:{}
}

export default app;

現在我是在所有頁面或者組件的data里面直接引用狀態(tài)，如

export default {
  data() {
    skills: this.$store.state.app.skills,
  }
}

這樣可以用，但是合理么？

我試了一下在頁面使用

import { mapGetters } from 'vuex'
export default {
  computed: {
    ...mapGetters(['skills']),
  },
}

這樣好像比較符合規(guī)范，但是難道需要把states的所有屬性都在getters全部寫一次return？感覺很冗余啊？
特來請教，不勝感激。