在Vue3里，v-if是条件渲染指令，用于按需显示或隐藏元素。当表达式为真，元素会被渲染到DOM；为假则不渲染。 template div id="app" h1 v-if="showTitle"欢迎来到Vue3世界/h1 button @click="toggleTitle"切换标题显示/button /div/templatescript setupimport { ref } from 'vue';// 初始化showTitle为true，标题默认显示const showTitle = ref(true);const toggleTitle = () = { // 点击按钮时，切换showTitle的值 showTitle.value = !showTitle.value;};/script 注意v-if是“真正”的条件渲染，因为它会确保在切换过程中条件块内的事件监听器和子组件适当地被销毁和重建。