【vue】獲取異步加載后的數據

異步請求的數據，對它做一些處理，需要怎么做呢？？

axios 異步請求數據，得到返回的數據， 賦值給變量 info 。如果要對 info 的數據做一些處理后再賦值給 hobby ，直接在 axios 的回調函數中做處理。我這里把獲取數據，放在了 created 中，在加載頁面之前獲取數據。這個時候，methods 中的方法還沒有請求后的 info 數據，如果調用 methods 中的方法處理 info 數據，info 是未定義的。所以，如果需要對異步加載的數據做一些處理，直接在 axios 的回調函數中處理，不要調用 methods 中的方法處理數據。

data() {
    return {
        info: {
            name: '',
            hobbyStr: ''
        },
        hobby: [],
    }
},
created() {
    this.axios.get(url).then((res) => {
        this.info = res.data;  // 獲取接口返回的數據，根據返回數據的格式去取出數據
       	// 處理異步加載的數據 info 
        this.hobby = this.info.hobbyStr.split(';');   // 將字符串轉為數組
    }, (error) => {
        console.log(error)
    });
}