v-if与v-else的搭配使用 官网
v-if可和v-else搭配,实现二选一的渲染效果。v-else元素必须紧跟在v-if元素后面,否则不会被识别。 template button @click=toggleLogin切换登录状态/button h1 v-if=isLoggedIn欢迎回来!/h1 h1 v-else请先登录。/h1 /templatescript setupimport { ref } from vue;// 初始化isLoggedIn为false,默认显示请先登录const isLoggedIn = ref(false);const toggleLogin = () = { // 点击按钮时,切换isLoggedIn的值 isLoggedIn.value = !isLoggedIn.value;};/script v-else不能单独使用,必须和v-if一起用,且中间不能有其他元素。