Vue में v-else डायरेक्टिव

v-if डायरेक्टिव v-else के साथ मिलकर भी काम कर सकती है। आइए देखते हैं, व्यवहार में यह कैसा दिखता है। मान लीजिए कि isAuth प्रॉपर्टी में यह शामिल है कि उपयोगकर्ता ऑथेंटिकेटेड है या नहीं:

data() {
	return {
		isAuth: true, // यहाँ या तो true, या false
	}
}

आइए ऐसा बनाएं कि isAuth के मान के आधार पर या तो एक संदेश दिखे, या दूसरा:

<template>
	<p v-if="isAuth">+++</p>
	<p v-else>---</p>
</template>

दी गई प्रॉपर्टी isAdmin:

data() {
	return {
		isAdmin: true,
	}
}

प्रॉपर्टी के मान के आधार पर या तो एक टेक्स्ट दिखाएं, या दूसरा।