Rumah  >  Artikel  >  hujung hadapan web  >  Apakah perbezaan antara komponen global vue dan komponen tempatan

Apakah perbezaan antara komponen global vue dan komponen tempatan

青灯夜游
青灯夜游asal
2022-12-21 11:38:024016semak imbas

Perbezaan: 1. Skop penggunaan adalah berbeza Komponen global boleh digunakan di mana-mana pada halaman, manakala komponen tempatan hanya boleh digunakan dalam el di mana ia ditakrifkan, dan tidak boleh digunakan di tempat lain, jika tidak, ia boleh digunakan. tidak akan berkuat kuasa. 2. Kaedah mentakrif komponen adalah berbeza Komponen global boleh ditakrifkan menggunakan "Vue.component(tagName,options)", dan komponen tempatan boleh ditakrifkan melalui atribut komponen dalam contoh Vue.

Apakah perbezaan antara komponen global vue dan komponen tempatan

Persekitaran pengendalian tutorial ini: sistem windows7, versi vue3, komputer DELL G3.

Terdapat dua jenis komponen dalam Vue:

  • Komponen global

  • Komponen tempatan

Seterusnya mari kita lihat perbezaan antara dua komponen:

1. Skop penggunaan:

Skop penggunaan komponen global: Ya Gunakan di mana-mana pada halaman

Skop penggunaan komponen tempatan: ia hanya boleh digunakan dalam el di mana ia ditakrifkan dan tidak boleh digunakan di lokasi lain, jika tidak, ia tidak akan berkuat kuasa

2. Tentukan komponen Kaedah:

Komponen global: Anda boleh menggunakan Vue.component(tagName,options) untuk menentukan komponen global

Apakah perbezaan antara komponen global vue dan komponen tempatan

Komponen tempatan: Anda boleh menggunakan contoh Vue Atribut komponen mentakrifkan komponen setempat

Apakah perbezaan antara komponen global vue dan komponen tempatan

Komponen dalam Vue boleh memanjangkan elemen HTML untuk merangkum kod boleh guna semula, tetapi global komponen tidak perlu dipasang, tetapi ia tidak begitu mudah Biasa digunakan, cuba gunakan komponen secara global sesedikit mungkin, yang akan menjejaskan prestasi penyemak imbas, dan komponen tempatan mesti dipasang secara manual, jika tidak, ia tidak akan mempunyai. kesan

Apabila menyesuaikan komponen, sesetengah elemen dibenarkan mengandungi elemen Terdapat sekatan, jadi semua orang harus memberi perhatian apabila menggunakannya: contohnya

Apakah perbezaan antara komponen global vue dan komponen tempatan

Tetapi kita boleh menggunakan atribut is untuk menyelesaikan masalah ini

Apakah perbezaan antara komponen global vue dan komponen tempatan

atau kita boleh menggunakan enjin templat

Apakah perbezaan antara komponen global vue dan komponen tempatan

[Cadangan berkaitan: tutorial video vuejs, pembangunan bahagian hadapan web]

Atas ialah kandungan terperinci Apakah perbezaan antara komponen global vue dan komponen tempatan. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
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