javascript - Bagaimana untuk mengikat data yang diperolehi oleh Vue2.0 menggunakan axios? Pengikatan gagal/(ㄒoㄒ)/ ralat dilaporkan

Question

Ia adalah fail json tempatan, dan saya dapat mendapatkan permintaan dengan susah payah, tetapi saya tidak dapat mengikat data itu mengambil masa sehari untuk melakukan ini /(ㄒoㄒ)/~~ Atau ada dokumen yang lebih terperinci tentang menggunakan axios dengan Vue, bolehkah anda berkongsi dengan saya saya pergi ke laman web rasmi dan menemuinya, tetapi Baidu telah dipecahkan untuk masa yang lama, dan sukar untuk orang baru memahami . . .

Gambar adalah bahagian HTML dan skrip

vue.runtime.esm.js?a427:554 [Vue warn]: Property or method "footers" is not defined on the instance but referenced during render. Make sure to declare reactive data properties in the data option. 
(found in <Vfooter> at E:\vue\egghead-nuxt\components\footer\vfooter.vue)

Ini ialah mesej ralat, mengatakan bahawa pengaki saya tidak ditentukan. pengaki ialah salah satu data json

Answer 1

Ikat data

Saya mengemas kininya di bawah dan menandakannya dalam gambar Lihat

.

Answer 2

Anda tidak mempunyai pengikatan data seperti ini.

Answer 3

export default {
    data() {
        return {
            footers: []
        }
    }
}

Answer 4

footer tidak ditakrifkan dan data yang diperolehi tidak terikat

Answer 5

dicipta mungkin tidak boleh dilaksanakan, ia mungkin memerlukan ini.$nextTick