cmdragon's Blog Logo
cmdragon's Blog

V-Show

标签下的所有文章 2 篇文章
返回所有标签
2025-10-31 vue 基础入门 , 条件渲染 , 列表渲染 , v-if , v-show , v-for , key属性 15 分钟阅读

快速入门Vue3：条件渲染与列表渲染的小秘密，你居然还不知道？

Vue中的条件渲染通过v-if和v-show实现，v-if根据条件销毁或重建DOM，适合不频繁切换的场景；v-show通过CSS控制显隐，适合频繁切换的场景。列表渲染使用v-for遍历数组或对象，key属性确保节点正确复用，避免使用索引作为key。v-for与v-if不应同时使用，建议通过computed属性过滤数据后再渲染。
阅读更多 cmdragon
2025-10-30 vue 基础入门 , 模板语法 , 指令 , v-bind , v-on , v-if , v-show 15 分钟阅读

快速入门Vue3的v-指令：数据和DOM的“翻译官”到底有多少本事？

Vue 3中的指令是带有v-前缀的特殊属性，用于将数据与DOM元素绑定。v-bind用于动态绑定属性，如src、class等，支持简写语法:。v-on用于监听事件，如click，简写为@，支持事件修饰符如.prevent。v-if根据条件销毁或重建DOM，v-show通过修改display属性控制显示。v-for用于循环渲染，需使用唯一key。常见报错包括未 …
阅读更多 cmdragon