Seperti yang ditunjukkan dalam gambar, apabila empat butang diklik dalam urutan untuk memaparkan empat ikon berbeza, mengapa kaedah yang dicipta bagi komponen ikon hanya dipanggil kali pertama
Fenomena ini sangat menarik saya tidak pernah perasan sebabnya masih dalam kajian.
Ia adalah spekulasi daripada fenomena bahawa ia mungkin disebabkan oleh pengenalan DOM maya dalam versi vue2.x, yang membawa beberapa proses pengoptimuman (kerana versi 1.x tidak mempunyai fenomena ini).
Nampaknya dalam proses mencipta tika ikon secara dinamik, rangka kerja membuat pertimbangan dan menggunakan paling sedikit contoh untuk pemaparan. Sebagai contoh, apabila nilai indeks berubah, dari 1 kepada 2, Vue tahu bahawa pada masa ini terdapat contoh ikon, dan hanya satu contoh ikon akan dipaparkan pada masa hadapan, jadi contoh sedia ada digunakan semula , jadi ia hanya sekali ciptaan berlaku. Jika empat syarat v-if di atas diubah suai supaya dua syarat akan dipenuhi pada masa tertentu (iaitu, dua ikon dipaparkan pada masa yang sama), maka cipta akan berlaku dua kali.
Kemas kini:
Bukti ditemui di laman web rasmi Berkenaan penggunaan kunci, ia biasanya dalam senarai rendering:
Atribut khas utama digunakan terutamanya sebagai petunjuk untuk algoritma DOM maya Vue untuk mengenal pasti VNod apabila membezakan senarai nod baharu dengan senarai lama Tanpa kunci, Vue menggunakan algoritma yang meminimumkan pergerakan elemen dan cuba menampal/menggunakan semula elemen daripada jenis yang sama di tempat sebanyak mungkin Dengan kunci, ia akan menyusun semula elemen berdasarkan perubahan tertib kunci, dan elemen dengan kunci yang tidak ada lagi akan sentiasa dialih keluar/dimusnahkan.
Tetapi laman web rasmi juga berkata:
Ia juga boleh digunakan untuk memaksa penggantian elemen/komponen dan bukannya menggunakannya semula. Ini boleh berguna apabila anda ingin: Mencetuskan cangkuk kitaran hayat komponen dengan betul
.
Ia sememangnya proses pengoptimuman DOM maya. Jika anda mahu ikon di atas dicipta setiap kali, tambahkan atribut kunci yang berbeza pada setiap satu.
![[Web front-end] Permulaan pantas Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
Fenomena ini sangat menarik saya tidak pernah perasan sebabnya masih dalam kajian.
Ia adalah spekulasi daripada fenomena bahawa ia mungkin disebabkan oleh pengenalan DOM maya dalam versi vue2.x, yang membawa beberapa proses pengoptimuman (kerana versi 1.x tidak mempunyai fenomena ini).
Nampaknya dalam proses mencipta tika ikon secara dinamik, rangka kerja membuat pertimbangan dan menggunakan paling sedikit contoh untuk pemaparan. Sebagai contoh, apabila nilai indeks berubah, dari 1 kepada 2, Vue tahu bahawa pada masa ini terdapat contoh ikon, dan hanya satu contoh ikon akan dipaparkan pada masa hadapan, jadi contoh sedia ada digunakan semula , jadi ia hanya sekali ciptaan berlaku. Jika empat syarat v-if di atas diubah suai supaya dua syarat akan dipenuhi pada masa tertentu (iaitu, dua ikon dipaparkan pada masa yang sama), maka cipta akan berlaku dua kali.
Kemas kini:
Bukti ditemui di laman web rasmi Berkenaan penggunaan kunci, ia biasanya dalam senarai rendering:
Tetapi laman web rasmi juga berkata:
.Ia sememangnya proses pengoptimuman DOM maya. Jika anda mahu ikon di atas dicipta setiap kali, tambahkan atribut kunci yang berbeza pada setiap satu.
Saya tidak begitu faham soalan yang anda kemukakan. Anda boleh melihat cangkuk kitaran hayat vue