Деконструкция / отображение всех свойств объекта состояния Vuex в области видимости компонента

Question

В моем компоненте я пытаюсь извлечь объект из состояния Vuex и связать все его свойств непосредственно с областью действия компонента (как привязки Vuex).

new Vuex.Store({ 
    state: {
        data: {
            a: '123',
            b: '456',
            c: '789',

Are есть ли менее подробные способы добиться этого с помощью опции mapState / Getters, которую предоставляет Vuex?

например

computed:{
    ...mapState{
        'a': state => state.data.a,

Answer 1

mapState и другие служебные функции Vuex не предоставляют определенных c способов обработки вложенных ключей. Это можно сделать с помощью вспомогательной функции:

const mapStateData = (...dataKeys) => mapState(
  Object.fromEntries(dataKeys.map(key => [key, state => state.data[key]]))
);

...

computed: {
  ...mapStateData('a', 'b')
}