Rumah > hujung hadapan web > View.js > teks badan

Bagaimana untuk mencipta objek dalam vue

下次还敢
Lepaskan: 2024-05-07 10:15:22
asal
883 orang telah melayarinya

Terdapat dua cara untuk mencipta objek dalam Vue: Sintaks literal objek: Gunakan pendakap kerinting untuk menyertakan pasangan harta dan nilai. Vue.set: Gunakan kaedah Vue.set(objek, harta, nilai) untuk mencipta atau menetapkan sifat pada objek reaktif. Pilih kaedah berdasarkan keperluan khusus anda Contohnya, anda boleh menggunakan sintaks literal objek untuk mencipta objek statik, manakala anda boleh menggunakan kaedah Vue.set untuk mencipta objek reaktif atau menetapkan sifat baharu pada objek reaktif. . { } Melampirkan nama atribut dan pasangan nilai.

<code class="javascript">const person = {
  name: "John Doe",
  age: 30,
  isEmployed: true
};</code>
Salin selepas log masuk

Bagaimana untuk mencipta objek dalam vue2. Vue.set

menggunakan kaedah Vue.set(objek, harta, nilai).

Buat atau tetapkan sifat baharu pada objek reaktif.

<code class="javascript">const person = {};
Vue.set(person, "name", "John Doe");
Vue.set(person, "age", 30);
Vue.set(person, "isEmployed", true);</code>
Salin selepas log masuk
Pilih kaedah yang hendak digunakan
  • Sintaks literal objek{} 括起属性名称和值对。
rrreee

2. Vue.set

  • 使用 Vue.set(object, property, value): Sangat mudah untuk mencipta objek ringkas atau statik.
  • Vue.set
: Berguna untuk mencipta objek reaktif (mencetuskan pemaparan semula Vue apabila sifat berubah) atau menetapkan sifat baharu pada objek reaktif sedia ada.

Atas ialah kandungan terperinci Bagaimana untuk mencipta objek dalam vue. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
vue
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan