javascript - vue2.x使用vuex的時候，什麼時候對state資料進行請求（或說初始化）呢？

Question

請問向後台請求資料大家一般是在入口處，還是對應的component，感覺如果是在入口處請求，一次的請求量會比較大，但是如果是在component請求感覺有點重複請求的意思。

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