NuxtJS，VueX-如何将代码最小化为最大

Question

我想在VueX和组件中简化我的代码。我怎样才能做到这一点？我想经常使用此代码，因此我需要将其最小化。

component

            this.$store.commit(
              "notifications/changeText",
              "Pomyślnie zmieniono avatar !"
            );
            this.$store.commit("notifications/changeStyle", "success");
            this.$store.commit("notifications/changeStatus", true);
            setTimeout(() => {
              this.$store.commit("notifications/changeStatus", false);
            }, 5000);
store / notifications.js

export const state = () => ({
  activeStyle: "",
  active: false,
  text: ""
});

export const mutations = {
  changeText(state, text) {
    state.text = text;
  },
  changeStyle(state, style) {
    state.activeStyle = style;
  },
  changeStatus(state, status) {
    state.active = status;
  }
};

export const getters = {
  text(state) {
    return state.text;
  },
  style(state) {
    return state.activeStyle;
  },
  status(state) {
    return state.active;
  }
};

我想在VueX和组件中简化我的代码。我怎样才能做到这一点？我想经常使用此代码，这就是为什么我需要将其最小化为最大组成部分的原因...

Answer 1

最好是将代码包装在一个函数中。