javascript - vue 2.0 :peranan kunci

Question

<p v-for="item in items" :key="item.id">
<!-- Kandungan -->
</p>

Bagaimana cara menggunakan :key ini Bolehkah anda berikan contoh? :key="value" Adakah nilai ditulis sewenang-wenangnya?

Answer 1

Atribut istimewa kunci

digunakan terutamanya dalam algoritma DOM maya Vue untuk mengenal pasti VNod apabila membandingkan nod lama dan baharu. Jika kekunci tidak digunakan, Vue menggunakan algoritma yang meminimumkan elemen dinamik dan cuba membaiki/menggunakan semula elemen jenis yang sama apabila boleh. Menggunakan kekunci, ia akan menyusun semula susunan elemen berdasarkan perubahan utama dan mengalih keluar elemen di mana kunci tidak wujud.

Elemen kanak-kanak dengan elemen induk yang sama mesti mempunyai kunci unik. Kekunci pendua akan menyebabkan ralat pemaparan.

Kes penggunaan yang paling biasa adalah digabungkan dengan v-for:

<ul>
  <li v-for="item in items" :key="item.id">...</li>
</ul>

Ia juga boleh digunakan untuk memaksa penggantian elemen/komponen dan bukannya menggunakannya semula. Ia mungkin berguna apabila anda menghadapi senario berikut:

Cetuskan sepenuhnya cangkuk kitaran hayat komponen
Cetuskan peralihan

<transition>
  <span :key="text">{{ text }}</span>
</transition>

Apabila teks berubah, <span> akan dikemas kini pada bila-bila masa, sekali gus mencetuskan peralihan.

Rujukan sumber: https://cn.vuejs.org/v2/api/#key

Answer 2

Kadangkala apabila membuat senarai, adalah perlu untuk memastikan keunikan data Kunci ini ialah pengecam unik dan mestilah unik

Answer 3

Adakah kunci di sini semasa mengemas kini data senarai Perkara pertama: jika data dikemas kini dengan data yang sama, kunci akan digunakan untuk membuat secara langsung Jika tiada data yang sama, kunci akan dibandingkan tidak sama, data baharu ini mesti dipaparkan semula Jika tidak, Vue akan menggunakan prinsip di tempat untuk terus menggunakan data sedia ada untuk pemaparan Akibatnya, data tidak mencapai kesan yang diharapkan, tetapi yang asal gaya dan komponen dom tidak boleh dikemas kini? Saya tidak tahu sama ada pemahaman saya betul, tetapi laman web rasmi mengatakan bahawa input mesti mempunyai kunci, tetapi saya dapati kesannya adalah sama sama ada ada kunci atau tidak. Saya akan sangat berterima kasih! ! ! ! ! ! ! ! ! ! ! !

Answer 4

Apa yang saya katakan di atas terlalu rasmi Dalam bahasa vernakular, lebih mudah untuk anda fahami, iaitu, untuk meningkatkan prestasi kitaran

Malah, tidak kira sama ada anda menulis perkara ini atau tidak Walaupun anda membuat kesilapan, ia tidak akan melaporkan ralat Tetapi secara amnya adalah lebih baik untuk menulis gelung untuk

Answer 5

Adalah disyorkan untuk membaca lebih banyak dokumen:
http://cn.vuejs.org/v2/guide/...