Apakah kitaran hayat vue3

Kitaran hayat Vue3: 1. sebelumCreate; 3. sebelumMount; 12. getDerivedStateFromProps dan sebagainya.

Vue 3 memperkenalkan fungsi cangkuk kitar hayat baharu, dan beberapa fungsi cangkuk lama telah difaktorkan semula atau dipadamkan. Berikut ialah beberapa fungsi cangkuk kitaran hayat Vue 3:

1 sebelumBuat: Dipanggil sebelum contoh dibuat pada masa ini, ia belum dipasang dan pemerhati dan peristiwa data belum dimulakan.

2 dibuat: Dipanggil selepas kejadian dibuat Pada masa ini, pemerhatian data (pemerhati data) dan permulaan peristiwa telah selesai, tetapi DOM belum lagi dipasang.

3. beforeMount: Dipanggil sebelum dipasang, fungsi render yang berkaitan dipanggil buat kali pertama. Templat boleh disusun dan diberikan pada ketika ini.

4 dipasang: Dipanggil selepas contoh telah dipasang pada DOM. Pada masa ini, semua el dan ref telah dihuraikan dan $refs telah diisi.

5 sebelumKemas kini: Dipanggil apabila data dikemas kini, yang berlaku sebelum DOM maya ditampal. Anda boleh membuat kemas kini status atau menukar DOM secara manual pada ketika ini.

6 dikemas kini: Dipanggil selepas kemas kini data selesai, yang berlaku selepas DOM maya ditampal dan DOM dikemas kini.

7. beforeDestroy: Dipanggil sebelum instance dimusnahkan. Pada peringkat ini, contoh masih tersedia sepenuhnya.

8 dimusnahkan: Dipanggil selepas instance dimusnahkan. Selepas memanggil, semua pendengar acara dan subkomponen akan dialih keluar, dan semua cangkuk pemusnah subkomponen juga akan dipanggil.

9 diaktifkan: Dipanggil apabila komponen keep-alive yang diaktifkan masuk semula.

10 dinyahaktifkan: Dipanggil apabila komponen keep-alive yang diaktifkan keluar.

11. errorCaptured: Dipanggil semasa mengendalikan ralat dalam fasa tangkapan. Jika cangkuk ini tidak mengembalikan nilai, atau mengembalikan palsu, cangkuk errorCaptured komponen induk akan terus dipanggil jika tidak, ralat tidak akan diproses selanjutnya.

12. getDerivedStateFromProps: Dipanggil sebelum setiap rendering, digunakan untuk memperoleh keadaan daripada prop. Ini adalah kaedah statik yang boleh diubah sebelum komponen dicipta atau selepas komponen dimusnahkan.

13. renderTracked dan renderTriggered: Dua cangkuk ini dicetuskan semasa proses pemaparan yang pertama dicetuskan semasa menjejak pemaparan, dan yang kedua dicetuskan apabila pemaparan dipaksa untuk dicetuskan.

14. Dalam Vue 3, API pilihan komponen digantikan dengan API Komposisi. Fungsi persediaan ialah titik masuk API Komposisi dan digunakan untuk menyusun dan menggunakan semula logik komponen. Ia adalah cara baharu, lebih berkuasa dan fleksibel untuk menentukan pilihan komponen.

Di atas ialah fungsi cangkuk kitaran hayat Vue 3. Perlu diingatkan bahawa disebabkan pengoptimuman meluas Vue 3 pada lapisan asas, beberapa fungsi cangkuk lama (seperti init, sedia, dll.) telah dialih keluar atau digabungkan ke dalam fungsi cangkuk lain. Pada masa yang sama, Vue 3 juga menambah beberapa fungsi cangkuk baharu untuk mengoptimumkan prestasi dan pengendalian ralat, seperti diaktifkan, dinyahaktifkan, errorCaptured, dsb.

Atas ialah kandungan terperinci Apakah kitaran hayat vue3. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!