javascript - Quand vue2.x utilise Vuex, quand les données d'état sont-elles demandées (ou initialisées) ?

Question

Veuillez me dire si vous demandez habituellement des données au backend à l'entrée ou au composant correspondant. Je pense que si vous demandez des données à l'entrée, le nombre de demandes en même temps sera relativement important, mais si vous demandez des données à l'entrée. composant, cela ressemble à une demande répétée.

Answer 1

La demande de données se fait généralement dans des circonstances spécifiques.
Par exemple, lorsque vous entrez pour la première fois la liste de données qui doit être chargée, elle doit être appelée créée ou montée.

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

Cependant, lors de l'interrogation ou du filtrage de la liste, vous devez l'appeler dans l'événement déclenché par le bouton ou le composant

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