Vue Vuex缩短mapState

时间:2019-05-08 01:03:08

标签: vue.js vuex store vuex-modules

这就是我的代码在vue组件中的显示方式,正如您所看到的,有一个模块inputValues,最后的三个状态路径几乎相同。

是否可以缩短时间?因为它可能与其他组件类似。

 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,
          }),
        },

1 个答案:

答案 0 :(得分:0)

不幸的是,我认为它不能更短。 如果您的多个组件使用sudo adb start-server,则可以使用Mixins

Mixin是分配Vue组件可重用功能的灵活方法。