Cara menggunakan peta dalam vue

Map digunakan dalam Vue.js untuk menyimpan pasangan nilai kunci, di mana kuncinya boleh berupa sebarang jenis data. Kaedah penggunaan termasuk: mencipta Peta, menambah dan mengakses data, memadam data dan merentasi data. Peta responsif dan mengemas kini paparan secara automatik apabila ia berubah.

Penggunaan Peta dalam Vue.js

Map ialah struktur data JavaScript asli yang menyimpan pasangan nilai kunci. Ia lebih sesuai untuk menyimpan data daripada objek kerana kunci boleh menjadi sebarang jenis data, manakala kunci dalam objek mestilah rentetan.

Menggunakan Peta dalam Vue.js

Dalam Vue.js, anda boleh mencipta Peta melalui pembina Vue.Map:

const map = new Vue.Map();

Anda juga boleh menggunakan sintaks Peta ES6:

const map = new Map();

dan akses

Tambah pasangan nilai kunci pada Peta:

map.set('key', 'value');

Dapatkan nilai yang sepadan dengan kunci:

map.get('key');

Padam data

Padamkan pasangan nilai kunci daripada Peta:

rreee

Data

Trareee forEach</ code> Lelaran ke atas semua pasangan nilai kunci dalam Peta: </strong><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class='brush:php;toolbar:false;'>map.delete('key');</pre><div class="contentsignin">Salin selepas log masuk</div></div></p>Gunakan <kod>entri Dapatkan lelaran semua pasangan nilai kunci:

map.forEach((value, key) => {
  console.log(`Key: ${key}, Value: ${value}`);
});

forEach 遍历 Map 中的所有键值对：

const entries = map.entries();
for (let entry of entries) {
  console.log(`Key: ${entry[0]}, Value: ${entry[1]}`);
}

使用 entries

Gunakan Kereaktifan Vue

Map adalah reaktif dalam Vue.js Ini bermakna apabila Peta berubah, paparan dikemas kini secara automatik.

const map = Vue.observable(new Map());

map.set('key', 'value'); //视图自动更新

Instance

Buat Peta dengan pasangan nilai kunci:

const map = new Vue.Map();
map.set('name', 'John Doe');
map.set('age', 30);

Lintas Peta dan cetak pasangan nilai kunci:

map.forEach((value, key) => {
  console.log(`Key: ${key}, Value: ${value}`);
});
// 输出：
// Key: name, Value: John Doe
// Key: age, Value: 30

Atas ialah kandungan terperinci Cara menggunakan peta dalam vue. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!