Rumah >hujung hadapan web >View.js >Mari kita bincangkan tentang fungsi cangkuk kitaran hayat vue dan bila ia dicetuskan

Mari kita bincangkan tentang fungsi cangkuk kitaran hayat vue dan bila ia dicetuskan

WBOY
WBOYke hadapan
2022-08-10 15:55:502631semak imbas

Artikel ini membawa anda pengetahuan yang berkaitan tentang vue Ia terutamanya memperkenalkan fungsi cangkuk kitaran hayat vue dan apabila ia dicetuskan Kitaran hayat vue ialah komponen dari lahir hingga Mari kita lihat kitaran kematian yang lengkap saya harap ia akan membantu semua orang.

Mari kita bincangkan tentang fungsi cangkuk kitaran hayat vue dan bila ia dicetuskan

[Cadangan berkaitan: tutorial video javascript, tutorial vue.js]

cauk kitaran hayat vue Fungsi

Kitaran hayat vue ialah kitaran lengkap dari kelahiran hingga kematian komponen

Ia terutamanya merangkumi 4 peringkat berikut: penciptaan, pemasangan, pengemaskinian, pemusnahan

  • Sebelum penciptaan: beforeCreate, selepas penciptaan: created
  • Sebelum dipasang: beforeMount, selepas dipasang: mounted
  • Sebelum kemas kini : beforeUpdate, selepas kemas kini: updated
  • Sebelum pemusnahan: beforeDestroy, selepas pemusnahan: destroyed

Kail yang biasanya saya gunakan lebih banyak dicipta dan dipasang, dicipta adalah digunakan untuk mendapatkan data latar belakang, dipasang digunakan untuk melakukan beberapa operasi dom selepas dom dipasang, dan memulakan pemalam, dsb. sebelumDestroy pengguna mengosongkan pemasa dan acara tidak mengikat, dsb.

Selain itu, baharu Gunakan komponen terbina dalam kekal hidup ke cache kejadian dan bukannya penciptaan dan pemusnahan yang kerap (overhed tinggi)

  • actived Pengaktifan tika
  • deactived Penolakan tika

Berikut ialah versi terperinci

Selagi anda memahaminya:

Fungsi cangkuk kitaran hayat (11) Fungsi (jenis), yang bertanda dalam warna biru adalah Kepunyaan menaip bermakna.

  • beforeCreate Fungsi dipanggil selepas permulaan instance tetapi sebelum konfigurasi acara pemerhati dan peristiwa/pemerhati data.

  • created Fungsi dipanggil serta-merta selepas tika dibuat. Pada langkah ini, contoh telah melengkapkan konfigurasi berikut: pemerhati data, operasi pada sifat dan kaedah, dan panggilan balik acara menonton/acara. Walau bagaimanapun, fasa pelekap belum bermula lagi dan atribut $el tidak kelihatan pada masa ini.

  • beforeMount Fungsi dipanggil sebelum lekapan bermula: fungsi pemaparan yang berkaitan dipanggil buat kali pertama.

  • mounted Fungsi el digantikan dengan vm.el yang baru dibuat dan dipasang pada contoh sebelum memanggil cangkuk. Jika tika akar melekapkan elemen dalam dokumen, vm.$el juga berada dalam dokumen apabila dipasang dipanggil.

  • beforeUpdate Fungsi dipanggil apabila data dikemas kini, yang berlaku sebelum DOM maya ditampal. Ini sesuai untuk mengakses DOM sedia ada sebelum mengemas kini, seperti mengalih keluar pendengar acara tambahan secara manual. Cangkuk ini tidak dipanggil semasa pemaparan bahagian pelayan, kerana hanya pemaparan awal berlaku di bahagian pelayan.

  • updated Fungsi Cangkuk ini akan dipanggil selepas DOM maya dipaparkan semula dan ditampal kerana perubahan data.

  • activated Fungsi keep-alive dipanggil apabila komponen diaktifkan. Cangkuk ini tidak dipanggil semasa pemaparan sebelah pelayan.

  • deactivated Fungsi keep-alive dipanggil apabila komponen dinyahaktifkan. Cangkuk ini tidak dipanggil semasa pemaparan sebelah pelayan.

  • beforeDestroy Dipanggil sebelum tika Fungsi dimusnahkan. Pada langkah ini, contoh masih tersedia sepenuhnya. Cangkuk ini tidak dipanggil semasa pemaparan sebelah pelayan.

  • destroyed Fungsi dipanggil selepas tika Vue dimusnahkan. Apabila dipanggil, semua yang ditunjuk oleh tika Vue akan dinyahikat, semua pendengar acara akan dialih keluar dan semua tika anak akan dimusnahkan. Cangkuk ini tidak dipanggil semasa pemaparan sebelah pelayan.

  • errorCaptured (baru dalam 2.5.0) (err: Ralat, vm: Komponen, info: string) => ?boolean Dipanggil apabila menangkap ralat daripada komponen turunan. Cangkuk ini menerima tiga parameter: objek ralat, contoh komponen tempat ralat berlaku dan rentetan yang mengandungi maklumat tentang sumber ralat. Cangkuk ini boleh mengembalikan palsu untuk mengelakkan ralat daripada merambat lebih jauh ke atas.

Kitaran hayat yang dipasang dan diaktifkan penggunaan dan perangkap

diaktifkan

Apabila tiba untuk diaktifkan, saya telah apatah lagi ia kekal hidup, ia akan dipanggil apabila anda keluar dan keluar. (Anda boleh memahaminya sebagai fungsi cangkuk kitaran hayat, dan penggunaannya adalah sama)

dilekapkan

merujuk kepada dipanggil selepas contoh dipasang bukan keep-alive, ia dipanggil setiap kali Komponen akan mencetuskan sekali apabila anda bertukar kembali, tetapi keep-alive akan cache contoh komponen tidak aktif, jadi boleh dikatakan ia hanya akan mencetuskan sekali. Oleh itu, untuk beberapa permintaan data, anda selalunya perlu menulis permintaan di sini dan permintaan dalam diaktifkan untuk memastikan anda masih boleh meminta data baharu apabila anda kembali.

Masuk ke dalam perangkap

1. Salah satu kata kunci di sini ialah contoh, yang bermaksud jika anda menggunakan $refs, anda perlu memberi perhatian.

2.mounted dilaksanakan dahulu, dan kedua-duanya dilaksanakan bersama apabila masuk buat kali pertama

PS

Terdapat banyak, banyak kegunaan keep-alive.

[Pengesyoran berkaitan: tutorial video javascript, tutorial vue.js]

Atas ialah kandungan terperinci Mari kita bincangkan tentang fungsi cangkuk kitaran hayat vue dan bila ia dicetuskan. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Artikel ini dikembalikan pada:jb51.net. Jika ada pelanggaran, sila hubungi admin@php.cn Padam