Cara Menggunakan Vue Traversal

Terdapat tiga kaedah umum untuk vue.js untuk melintasi tatasusunan dan objek: Arahan V-untuk digunakan untuk melintasi setiap elemen dan membuat templat; Arahan V-mengikat boleh digunakan dengan V-untuk menetapkan nilai atribut secara dinamik untuk setiap elemen; dan kaedah .map boleh menukar elemen array ke dalam tatasusunan baru.

Penggunaan Vue Traversal

Vue.js menyediakan pelbagai kaedah untuk melangkah ke atas tatasusunan dan objek. Artikel ini akan memperkenalkan tiga kaedah yang paling biasa digunakan: v-for arahan, arahan v-bind , dan kaedah .map .

1. v-for arahan

Arahan v-for digunakan untuk melangkah melalui setiap elemen dalam array atau objek dan menjadikan templat untuk setiap elemen. Sintaks adalah seperti berikut:

 <code class="html"><template v-for="item in items"> {{ item }} </template></code>

Contoh di atas akan melangkah ke atas items bernama array dan menjadikan kandungannya untuk setiap elemen.

2. v-bind arahan

Arahan v-bind boleh digunakan untuk mengikat nilai harta secara dinamik. Dengan arahan v-for , kita boleh menggunakannya bersempena dengan array atau objek, dengan itu menetapkan nilai atribut secara dinamik untuk setiap elemen.

 <code class="html"><template v-for="item in items"> <div :class="item.class"></div> </template></code>

Contoh di atas akan melintasi array items dan menetapkan atribut class secara dinamik untuk setiap elemen, nilai atribut yang diambil dari item.class .

Kaedah 3. .map

Kaedah .map menukar setiap elemen dalam array ke dalam array baru. Dalam vue.js, kaedah .map boleh dipanggil dengan cara berikut:

 <code class="javascript">const newArray = this.items.map(item => item.value);</code>

Contoh di atas akan melangkah ke atas array items dan membuat array baru yang mengandungi hanya value elemen newArray .

Atas ialah kandungan terperinci Cara Menggunakan Vue Traversal. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!