Apakah perbezaan antara komponen global vue dan komponen tempatan

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.

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

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

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 , dalam kes ini, anda boleh menggunakan atribut is untuk melanjutkan elemen HTML asli

Tetapi kita boleh menggunakan atribut is untuk menyelesaikan masalah ini

atau kita boleh menggunakan enjin templat

[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!