javascript - Apabila vue2.x menggunakan vuex, bilakah data keadaan diminta (atau dimulakan)?

Question

Sila beritahu saya sama ada anda biasanya meminta data dari bahagian belakang di pintu masuk atau komponen yang sepadan. Saya rasa jika anda meminta data di pintu masuk, bilangan permintaan pada satu masa akan menjadi agak besar, tetapi jika anda meminta data di pintu masuk. komponen, rasanya seperti permintaan berulang.

Answer 1

Meminta data secara amnya adalah dalam keadaan tertentu.
Sebagai contoh, apabila anda memasukkan senarai data untuk kali pertama dan perlu memuatkannya, anda harus memanggilnya dalam dicipta atau dipasang.

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

Walau bagaimanapun, apabila membuat pertanyaan atau menapis senarai, anda perlu memanggilnya sekiranya dicetuskan oleh butang atau komponen

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