javascript - Wann werden die Statusdaten angefordert (oder initialisiert), wenn vue2.x Vuex verwendet?

Question

Bitte sagen Sie mir, ob Sie normalerweise Daten vom Backend am Eingang oder von der entsprechenden Komponente anfordern. Ich bin der Meinung, dass die Anzahl der gleichzeitigen Anforderungen relativ groß ist, wenn Sie Daten am Eingang anfordern Komponente, es fühlt sich an wie wiederholte Anfragen.

Answer 1

请求数据一般是在特定的情况下。
例如，当首次进入需要加载数据列表，那么就应该在created或者mounted里面调用。

import { mapActions } from ’vuex‘
export default {
    methods: mapActions([’loadList‘]),
    mounted() {
        this.loadList() // 加载列表数据
    }
}

但是，当查询的时候，或者过滤列表的时候，又需要在按钮或者组件触发的事件里面去调用

<template>
    <p>
        <s-button @click='loadList'>搜索</s-button>
        <ul>
            <li v-for="item in list">{{ item.title }}</li>
        </li>
    </p>
</template>

import { mapActions } from ’vuex‘
import sButton from 'search-btn.vue'

export default {
    methods:{
        ...mapActions([’loadList‘]),
        search(keyword){ // 查询过滤列表数据
            this.loadList({keyword: keyword})
        }
    },
    mounted() {
        this.loadList() // 首次载入列表数据
    },
    components:{ sButton }
}