Vue Vuex сократить картуState

Question

Вот так выглядит мой код в моем компоненте vue, и, как вы можете видеть, есть модуль inputValues, и последние три пути к состоянию почти одинаковы.

Есть ли возможность сделать его короче?потому что это похоже на gnnabe и многое другое в других компонентах.

 export default {
      components: {
        actionBar,
        dialogTutorials
      },
      name: 'Spells',
      computed: {
          ...mapState({
              dialogOpen: state => state.inputValues.lofGlobals.dialogOpen,
              stage1heal: state => state.inputValues.lof.spellsTab.stage1heal,
              stage2heal: state => state.inputValues.lof.spellsTab.stage2heal,
              Sio: state => state.inputValues.lof.spellsTab.Sio,
              cast: state => state.inputValues.lof.spellsTab.cast,
          }),
        },

Answer 1

К сожалению, я думаю, что это не может быть короче.Если ваши компоненты используют state.inputValues, вы можете использовать Mixins .

Mixins - это гибкий способ распространения многократно используемых функций для компонентов Vue.