Rumah  >  Artikel  >  hujung hadapan web  >  Gambaran keseluruhan tanggungjawab setiap kitaran hayat komponen Vue!

Gambaran keseluruhan tanggungjawab setiap kitaran hayat komponen Vue!

藏色散人
藏色散人ke hadapan
2022-08-10 16:56:461584semak imbas

Kitaran hayat komponen dalam Vue, apakah yang dilakukan oleh setiap kitaran hayat, dan apakah yang perlu dilakukan dalam kitaran hayat ini?

[Cadangan berkaitan: tutorial video vue.js]

Untuk mengetahui bila setiap kitaran hayat dipanggil

  • 1.beforeCreate dipanggil selepas permulaan instance tetapi sebelum pemerhati data.

  • 2.dicipta dipanggil selepas kejadian dibuat. Pada langkah ini, contoh telah melengkapkan konfigurasi berikut: pemerhati data, operasi pada sifat dan kaedah, dan panggilan balik acara menonton/acara. Tiada $el

  • 3.beforeMount dipanggil sebelum pelekapan bermula: fungsi pemaparan yang berkaitan dipanggil buat kali pertama.

  • 4.mounted el digantikan dengan vm.$el yang baru dibuat dan dipasang pada contoh sebelum memanggil cangkuk ini.

  • 5.beforeUpdate dipanggil apabila data dikemas kini, yang berlaku sebelum DOM maya dipaparkan semula dan ditampal.

  • 6.dikemas kini Cangkuk ini akan dipanggil selepas DOM maya dipaparkan semula dan ditampal disebabkan perubahan data.

  • 7.beforeDestroy dipanggil sebelum instance dimusnahkan. Pada langkah ini, contoh masih tersedia sepenuhnya.

  • 8.dimusnahkan Dipanggil selepas contoh Vue dimusnahkan. Selepas panggilan ini, semua yang ditunjukkan 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

Untuk memahami perkara yang boleh dilakukan dalam setiap kitaran hayat

  • 1.created Instance telah dibuat, kerana ia adalah pencetus terawal dan boleh membuat beberapa permintaan data dan sumber.

  • 2.dipasang Instance telah dipasang dan beberapa operasi DOM boleh dilakukan

  • 3.beforeUpdate Anda boleh menukar lagi status dalam ini hook , yang tidak mencetuskan proses pemaparan semula tambahan.

  • 4.dikemas kini boleh melaksanakan operasi yang bergantung pada DOM. Walau bagaimanapun, dalam kebanyakan kes, anda harus mengelak daripada menukar keadaan dalam tempoh ini, kerana ini boleh menyebabkan gelung kemas kini yang tidak terhingga. Cangkuk ini tidak dipanggil semasa pemaparan sebelah pelayan.

  • 5.musnah boleh melakukan beberapa operasi pengoptimuman, mengosongkan pemasa dan menyahikat acara

Atas ialah kandungan terperinci Gambaran keseluruhan tanggungjawab setiap kitaran hayat komponen Vue!. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

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