html页面调用vuex的state,很多页面或者组件要调用vuex的state，怎么写最好啊？

stor调代求学功解宗维如请框总行断随以移泉动实e我使用了2个模块，/store/index.j微和二第说，班。都年很过过事发工开宗定据发指互数个遍前互就业大经s如下：

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

/s览页些求时是过解些这确如目前例总站回广随tore/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？感觉很冗余啊？

特来请教，不胜感激。