Arahan v-show dalam Vue

Satu lagi pilihan untuk paparan bersyarat ialah arahan v-show. Ia digunakan dengan cara yang sangat serupa:

<template>
	<p v-show="isAuth">
		+++
	</p>
</template>

Perbezaannya ialah elemen dengan v-show akan sentiasa di render dan kekal dalam DOM, dan hanya sifat CSS display-nya yang akan ditogol.

Arahan v-if melaksanakan rendering bersyarat "sebenar" kerana ia menjamin bahawa pendengar peristiwa dan komponen anak dalam blok dimusnahkan dan dicipta semula dengan betul apabila keadaan ditogol.

Arahan v-if juga malas: jika keadaannya adalah palsu pada masa rendering awal, ia tidak akan melakukan apa-apa - blok bersyarat tidak akan di render sehingga keadaan menjadi benar.

Sebagai perbandingan, v-show jauh lebih mudah - elemen sentiasa di render, tanpa mengira keadaan asal dengan penogolan berdasarkan CSS.

Secara umumnya, v-if mempunyai kos penogolan yang lebih tinggi, sementara v-show mempunyai kos rendering awal yang lebih tinggi. Jadi, gunakan v-show jika penogolan akan kerap dilakukan, dan utamakan v-if jika keadaan mungkin tidak berubah semasa runtime.

Arahan v-show tidak boleh digunakan pada elemen template dan ia tidak berfungsi dengan v-else.

Diberikan satu perenggan dan satu butang. Buat supaya perenggan boleh ditogol apabila ditekan pada butang.

Terangkan, apakah perbezaan antara arahan v-show dan v-if.

Terangkan, bilakah lebih baik menggunakan arahan v-show, dan bilakah - v-if.

Terangkan, apakah batasan yang dimiliki oleh arahan v-show.