学校排行榜

(0)

投一票

Vue3中v-if的基本使用 官网

在Vue3里,v-if是条件渲染指令,用于按需显示或隐藏元素。当表达式为真,元素会被渲染到DOM;为假则不渲染。 template button @click=toggleTitle切换标题显示/button h1 v-if=showTitle欢迎来到Vue3世界/h1 /templatescript setupimport { ref } from vue;// 初始化showTitle为true,标题默认显示const showTitle = ref(true);const toggleTitle = () = { // 点击按钮时,切换showTitle的值 showTitle.value = !showTitle.value;};/script 注意v-if是真正的条件渲染,因为它会确保在切换过程中条件块内的事件监听器和子组件适当地被销毁和重建。 条件渲染
专业
评论
新闻
发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。