Dalam kitaran hayat manakah ajax dalam vue biasanya diletakkan?

Permintaan Ajax dalam Vue biasanya diletakkan dalam kitaran "dicipta" Faedah: 1. Ia boleh mendapatkan data pelayan dengan lebih cepat dan mengurangkan masa memuatkan halaman; 2. Ia membantu dengan konsisten kerana SSR tidak menyokongnya , fungsi cangkuk yang dipasang.

Persekitaran pengendalian tutorial ini: sistem Windows 7, vue versi 2.9.6, komputer DELL G3.

Kitaran hayat Vue

• sebelum Cipta (sebelum penciptaan) : semasa pemerhatian dan permulaan data Acara belum bermula lagi, data, pemerhati dan kaedah belum wujud lagi, tetapi $route sudah wujud dan operasi seperti pengalihan boleh dilakukan berdasarkan maklumat penghalaan.

• dicipta (selepas penciptaan) : dipanggil selepas kejadian dibuat Data boleh diakses pada peringkat ini, menggunakan pemerhati, peristiwa, kaedah, iaitu , pemerhatian data ( pemerhati data) dan konfigurasi acara acara/pemerhati telah selesai. Tetapi dom belum dipasang lagi. Peringkat ini membolehkan operasi permintaan http dilakukan.

• beforeMount (sebelum dipasang) : menghuraikan HTML untuk menjana nod AST, dan kemudian secara dinamik menjana fungsi pemaparan berdasarkan nod AST. Fungsi pemaparan yang berkaitan dipanggil buat kali pertama (penekanan ditambah).

• dilekapkan (selepas dipasang): Dipanggil selepas pemasangan selesai, laksanakan fungsi render untuk menjana dom maya, cipta dom sebenar untuk menggantikan dom maya, dan lekapkannya ke contoh. Anda boleh mengendalikan dom, seperti pemantauan acara

• sebelumKemas kini: dipanggil selepas vm.data dikemas kini dan sebelum dom maya dipaparkan semula. Cangkuk ini boleh dipanggil selepas mengubah suai kemas kini vm.data, tetapi sebelum dom maya dipaparkan semula. Cangkuk ini boleh dipanggil selepas mengubah suai kemas kini vm.data, tetapi sebelum dom maya dipaparkan semula. Dalam cangkuk ini, vm.data boleh diubah suai dan tiada penimbalan dan proses pemaparan tambahan akan dicetuskan.

• dikemas kini: Dipanggil selepas dom maya dipaparkan semula Jika $vm.data diubah semula, beforeUpdate dan kemas kini akan dicetuskan semula, memasuki infinite. gelung.

• beforeDestroy: Dipanggil sebelum instance dimusnahkan, yang bermaksud bahawa instance masih boleh dipanggil pada peringkat ini.

• dimusnahkan: Dipanggil selepas instance dimusnahkan, semua pendengar acara telah dialih keluar, dan instance anak dimusnahkan

Dalam kitaran hayat vue manakah ajax diletakkan?

Secara amnya, permintaan data boleh dihantar dalam dibuat dan dipasang Walau bagaimanapun, kebanyakan masa, permintaan akan dihantar dalam dibuat.

Senario penggunaan Dibuat: Jika halaman dipaparkan buat kali pertama, ia datang daripada data bahagian belakang. Kerana pada masa ini data telah dipasang pada contoh vue.

Dalam dicipta (jika anda mahu data yang dipilih pertama datang dari bahagian belakang, hantar permintaan di sini) (hanya permintaan tak segerak dihantar, pemaparan dilakukan selepas bahagian belakang bertindak balas), beforeMount, dipasang ( Menghantar permintaan in mounted akan melakukan rendering sekunder) dan memanggil ketiga-tiga fungsi cangkuk ini.

Oleh kerana data telah dibuat dalam tiga fungsi cangkuk ini, data yang dikembalikan oleh pelayan boleh diberikan. Tetapi yang paling biasa digunakan ialah memanggil permintaan tak segerak dalam fungsi cangkuk yang dicipta, kerana memanggil permintaan tak segerak dalam fungsi cangkuk yang dicipta

Faedah:

Pertama: ia boleh menjadi lebih pantas Dapatkan data bahagian pelayan dan kurangkan masa memuatkan halaman;

Perkara kedua: Memasukkannya membantu dengan konsisten, kerana ssr tidak menyokong fungsi sebelumMount dan cangkuk dipasang.

[Cadangan berkaitan: tutorial vue.js]

Atas ialah kandungan terperinci Dalam kitaran hayat manakah ajax dalam vue biasanya diletakkan?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!