So erhalten Sie den Versandwert in Vue

Verwenden Sie in Vuex den Versand, um Mutationen auszulösen und Statusdaten zu ändern. Verwenden Sie „dispatch“, um einen Wert zu speichern: this.$store.dispatch('setValue', 10); verwenden Sie Getter, um Daten aus dem Status abzuleiten: getters: { getValue: (state) => { return state.value } }Verwenden Sie „mapGetters“ in der Komponente, um auf den Getter zuzugreifen: berechnet: { ...mapGetters({ value: 'getValu

Verwenden Sie „dispatch“ in Vue, um Werte zu speichern und abzurufen

In der Vuex-Statusverwaltung wird die Methode dispatch zum Auslösen verwendet Mutationen. Diese Mutationen können die im Vuex-Status gespeicherten Daten ändern. dispatch 方法用于触发 mutations。这些 mutations 可以更改存储在 Vuex 状态中的数据。

要使用 dispatch 存储一个值，可以将值作为 mutation 的参数传递。例如：

<code class="javascript">this.$store.dispatch('setValue', 10);</code>

在此示例中，setValue 是一个指定的 mutation，用于将值 10 存储在 Vuex 状态中。

要获取存储的值，可以使用 getters。getters 是从 Vuex 状态派生的计算属性，使你可以访问和操作状态数据。

要创建 getter，可以在 Vuex 模块中使用 getters 选项：

<code class="javascript">getters: {
  getValue: (state) => {
    return state.value;
  }
}</code>

然后，可以在组件中使用 mapGetters 助手函数来访问 getter：

<code class="javascript">computed: {
  ...mapGetters({
    value: 'getValue',
  }),
}</code>

现在，你可以在组件中使用 this.value

Um dispatch zum Speichern eines Werts zu verwenden, können Sie den Wert als Parameter der Mutation übergeben. Beispiel:

<code class="javascript">// Vuex 模块
const module = {
  state: {
    value: null,
  },
  mutations: {
    setValue(state, value) {
      state.value = value;
    },
  },
  getters: {
    getValue: (state) => {
      return state.value;
    }
  }
};

// Vue 组件
export default {
  computed: {
    ...mapGetters({
      value: 'getValue',
    }),
  },
  methods: {
    setValue() {
      this.$store.dispatch('setValue', 10);
    },
  },
};</code>

In diesem Beispiel setValue. ist eine spezifizierte Mutation, die den Wert 10 im Vuex-Status speichert. Um den gespeicherten Wert zu erhalten, können Sie Getter verwenden state. Ermöglicht den Zugriff auf und die Bearbeitung von Statusdaten. 🎜🎜Um Getter zu erstellen, können Sie die Option getters im Vuex-Modul verwenden: 🎜rrreee🎜Sie können dann die mapGetters verwenden Helfer in der Komponente. Funktion zum Zugriff auf den Getter: 🎜rrreee🎜Jetzt können Sie mit this.value in der Komponente auf den gespeicherten Wert zugreifen 🎜🎜🎜Vollständiges Beispiel: 🎜🎜rrreee.

Das obige ist der detaillierte Inhalt vonSo erhalten Sie den Versandwert in Vue. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!