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,
	}
}

プロパティの値に応じて、一方のテキストまたはもう一方のテキストを出力してください。