2025-12-25 vue 基础入门 , v-if vs v-show , 重复渲染优化 , key优化 , KeepAlive缓存 , 计算属性 , Teleport隔离 17 分钟阅读Vue条件渲染中v-if与v-show如何抉择?重复渲染问题又该如何优化?Vue条件渲染中,v-if与v-show核心区别在DOM销毁(v-if销毁,v-show仅切换display)。重复渲染因条件表达式复杂、子组件无必要更新、节点复用状态残留。优化:用key贴标识,按切换频率选指令,复杂条件抽计算属性,Teleport隔离组件,KeepAlive缓存组件,拆分响应式依赖。阅读更多 cmdragon
2025-12-23 vue 基础入门 , v-if , v-show , v-if vs v-show , 响应式数据 , 计算属性 , 常见报错解决 15 分钟阅读v-if与v-show如何选择?响应式条件渲染的联动机制是什么?Vue条件渲染核心指令:v-if(创建/销毁DOM)、v-else-if/v-else(多条件分支)、v-show(切换display),前者用于条件不常变场景,后者适用于频繁切换。响应式数据用ref/reactive创建,依赖变化触发DOM更新,复杂条件用计算属性优化,常见错误如v-else未紧跟需避免。阅读更多 cmdragon