Rumah  >  Artikel  >  hujung hadapan web  >  Ketahui tentang 16 arahan Vue dari awal hingga arahan tersuai yang merangkum secara manual

Ketahui tentang 16 arahan Vue dari awal hingga arahan tersuai yang merangkum secara manual

WBOY
WBOYke hadapan
2022-01-30 06:00:314431semak imbas

Artikel ini membawakan anda pengetahuan yang berkaitan tentang arahan Vue dan enkapsulasi manual arahan tersuai saya harap ia akan membantu anda.

Ketahui tentang 16 arahan Vue dari awal hingga arahan tersuai yang merangkum secara manual

Dalam temu bual asas bahagian hadapan, arahan Vue ialah soalan temu bual frekuensi tinggi

Pewawancara bertanya: Apakah arahan yang ada pada Vue?

Beritahu dia: Sehingga Vue3.2, Vue mempunyai sejumlah 16 arahan terbina dalam, termasuk:

v-text, v-html, v-show, v-if , v-else, v-else-if, v-for, v-on, v-bind, v-model, v-slot, v-pra, v-jubah, v-sekali, v-memo, v-is , antaranya v-memo baharu dalam 3.2, v-is ditinggalkan dalam 3.1.0

Jika penemuduga selanjutnya bertanya: Bagaimana untuk merangkum arahan tersuai?

Cuma beritahu dia: Arahan tersuai dibahagikan kepada arahan tersuai global dan arahan tempatan dalam Vue3, anda boleh mendaftarkan arahan tersuai global melalui arahan() pada contoh aplikasi. anda boleh Konfigurasikan pilihan arahan dalam komponen untuk mendaftarkan arahan setempat

Selepas membaca artikel ini, anda akan mendapat pemahaman yang menyeluruh tentang arahan 16 Vue dan cara menyesuaikan arahan

1

1.1 Apakah arahan Vue

Dalam Vue, arahan sebenarnya adalah atribut khas

Vue akan melakukan sesuatu di belakang tabir berdasarkan arahan. Mengenai perkara yang perlu dilakukan secara khusus, Vue akan melakukan operasi yang berbeza mengikut arahan yang berbeza akan dibincangkan kemudian

1.2 Apakah ciri-ciri Vue?

Vue Ciri arahan yang jelas ialah semuanya bermula dengan v-, contohnya: v-text

<span v-text="msg"></span>
2 Arahan terbina dalam

2.1 Apakah arahan terbina dalam Vue Bagaimana pula dengan arahan

Arahan terbina dalam merujuk kepada arahan Vue sendiri, yang sedia untuk digunakan daripada kotak

Vue mempunyai sejumlah 16 arahan terbina dalam, termasuk:

v-text, v-html, v-show, v-if, v-else, v- else-if, v-for, v-on, v-bind, v-model, v-slot, v-pra, v-jubah, v-sekali, v-memo, v-is, antaranya v-memo ialah baru dalam 3.2, v-is ditinggalkan dalam 3.1.0

Mari kita lihat penggunaan Asas terbina dalam arahan ini

2.2 Memahami penggunaan asas 16 arahan terbina dalam

2.2.1 v-text

v-text digunakan untuk mengemas kini teksKandungan elemen, contohnya :

<h1 v-text="msg"></h1>
Kandungan elemen h1 akhirnya bergantung pada nilai msg

Ketahui tentang 16 arahan Vue dari awal hingga arahan tersuai yang merangkum secara manual

2.2.2 v-html

sangat serupa dengan v-text, kecuali v-html digunakan untuk mengemas kini innerHTML elemen, seperti

<div v-html="&#39;<h1>Hello LBJ</h1>&#39;"></div>

Ketahui tentang 16 arahan Vue dari awal hingga arahan tersuai yang merangkum secara manual

Ia harus diperhatikan bahawa kandungan mesti dimasukkan sebagai HTML biasa

2.2.3 v-show

v-show Anda boleh menukar nilai paparan elemen berdasarkan nilai benar atau salah ungkapan untuk mengawal paparan dan menyembunyikan elemen Contohnya:

Ketahui tentang 16 arahan Vue dari awal hingga arahan tersuai yang merangkum secara manual

Anda boleh melihat bahawa apabila keadaan berubah, arahan The mencetuskan. kesan peralihan daripada menunjukkan atau menyembunyikan

Nota: v-show tidak menyokong elemen

Atas ialah kandungan terperinci Ketahui tentang 16 arahan Vue dari awal hingga arahan tersuai yang merangkum secara manual. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Artikel ini dikembalikan pada:juejin.im. Jika ada pelanggaran, sila hubungi admin@php.cn Padam