Mundarija:

Vue komponenti nima?
Vue komponenti nima?

Video: Vue komponenti nima?

Video: Vue komponenti nima?
Video: Learn Vue.js (RU) - Компоненты #2 - передача и возврат параметров (props and emit) 2024, May
Anonim

Komponentlar qayta foydalanish mumkin Vue nomli misollar: bu holda,. Biz bundan foydalanishimiz mumkin komponent ildiz ichidagi maxsus element sifatida Vue yangi bilan yaratilgan misol Vue :

yangi Vue ({ el: '# komponentlar -demo' }) Meni 0 marta bosgansiz.

Shunga ko'ra, Vue komponentimni boshqa komponentda qanday ishlatishim mumkin?

Agar siz Vue Single File Components bilan bir oz o'ynagan bo'lsangiz, ehtimol siz boshqa komponentdan qanday qilib "chaqirishni" bilasiz:

  1. bola komponentini import qiling.
  2. Uni asosiy komponentning komponentlar ob'ektida ro'yxatdan o'tkazing.
  3. Komponentni shablon/render funksiyasiga qo'shing.

Yuqoridagilardan tashqari, Vue komponenti asoslanganmi? Ishlash bo'yicha boshlanuvchilar uchun qo'llanma Komponentlar ichida Vue . U bilan ishlashning ajoyib jihatlaridan biri Vue uning komponent - asoslangan foydalanuvchi interfeyslarini yaratishga yondashuv. Bu sizga ilovangizni kichikroq, qayta foydalanish mumkin bo'lgan qismlarga ajratish imkonini beradi ( komponentlar ) undan keyin yanada murakkab tuzilmani yaratish uchun foydalanishingiz mumkin.

Bundan tashqari, Vue komponentlarimni qanday nomlashim mumkin?

Vue komponent nomlari shuningdek bo'lishi kerak: Maxsus element spetsifikatsiyasiga mos keladi: defis qo'shing, ajratilgandan foydalanmang ismlar.

Har bir komponent nomi quyidagilar bo'lishi kerak:

  1. Ma'noli: haddan tashqari aniq emas, haddan tashqari mavhum emas.
  2. Qisqa: 2 yoki 3 so'z.
  3. Talaffuz qilinadi: biz ular haqida gapirishni xohlaymiz.

VUE-dan foydalanish nima?

Vue . js plaginlari ilovangizga global xususiyatlarni qo‘shishning kuchli, ammo oddiy usulidir. Ular turli xil foydalanishga ega: ilova komponentlarini tarqatishdan tortib, ilovangizga marshrutlash va oʻzgarmas maʼlumotlar ombori kabi qoʻshimcha imkoniyatlarni qoʻshishgacha.

Tavsiya: