Rumah > Artikel > hujung hadapan web > vue tunjukkan arahan sembunyi
Vue.js ialah rangka kerja JavaScript yang popular Sintaks templatnya yang mudah dan arahan yang berkuasa menjadikannya pilihan pertama bagi banyak pembangun. Antaranya, arahan ialah alat berkuasa yang digunakan dalam templat Vue Ia boleh digunakan untuk melanjutkan elemen HTML dan operasi DOM. Artikel ini akan memperkenalkan arahan biasa dalam Vue.js - v-show, yang boleh mengawal paparan dan penyembunyian elemen dalam DOM.
1. Pengenalan kepada arahan v-show
v-show ialah arahan yang disediakan oleh Vue.js, yang boleh menentukan paparan dan penyembunyian elemen berdasarkan nilai ungkapan. Apabila ungkapan menilai kepada benar, elemen dipaparkan jika tidak, elemen itu tersembunyi. Tidak seperti arahan v-if, arahan v-show tidak mengubah struktur DOM, tetapi hanya mengubah gaya elemen. Sintaks asas
arahan v-show adalah seperti berikut:
<element v-show="expression"></element>
Antaranya, elemen mewakili elemen HTML di mana arahan itu terikat, dan ekspresi mewakili ungkapan yang akan diikat elemen. Apabila ungkapan Apabila nilai adalah benar, elemen akan dipaparkan jika tidak, elemen akan disembunyikan.
2. Cara menggunakan arahan v-show
Mari lihat contoh di bawah, menggunakan arahan v-show untuk mengawal paparan dan menyembunyikan elemen div:
<div v-show="show">Welcome to my blog!</div>
dalam Dalam contoh ini, kami menggunakan arahan v-show untuk mengikat elemen div pada pembolehubah show. Nilai pembolehubah show boleh ditakrifkan dalam contoh Vue, contohnya:
var app = new Vue({ el: '#app', data: { show: true } })
Dalam contoh Vue ini, nilai awal show adalah benar, jadi elemen div akan sentiasa dipaparkan. Seterusnya, kita boleh menggunakan kaedah Vue.js untuk menukar nilai pembolehubah tunjukkan untuk mengawal paparan dan penyembunyian elemen:
app.show = false;
Apabila nilai pembolehubah tunjukkan menjadi palsu, elemen div akan menjadi Tersembunyi, jika tidak, ia akan ditunjukkan semula.
3. Nota pada arahan v-show
Ringkasnya, arahan v-show ialah alat paparan dan penyembunyian elemen yang berkuasa dalam Vue.js Ia boleh membantu pembangun mengawal paparan dan penyembunyian elemen dengan lebih mudah, menjadikan halaman lebih interaktif cantik. Semasa proses pembangunan, kita harus menggunakan arahan ini secara munasabah mengikut situasi khusus, mengikut prinsip responsif Vue.js, dan meningkatkan pengalaman pengguna dan prestasi keseluruhan tapak web.
Atas ialah kandungan terperinci vue tunjukkan arahan sembunyi. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!