2026-03-03 vue 基础入门 , 局部组件注册 , <script setup> , 选项式API , 组件注册方法 , 应用场景 , Tree-Shaking 15 分钟阅读Vue 3中组件局部注册的优势与实现方式如何?Vue 3局部组件注册限定使用范围于父组件内,优势包括Tree-Shaking支持、依赖清晰、避免命名冲突。方法有二:script setup导入即能使用,选项式API需在components中注册。适用于大型项目、复用性低或性能优化场景,可减少打包体积,避免全局污染。阅读更多 cmdragon
2026-02-06 vue 基础入门 , 模板引用 , v-for模板引用 , 组合式API , 动态引用 , 高级技巧 , 应用场景 16 分钟阅读Vue 3 v-for中模板引用如何实现高效管理与动态控制?Vue中,v-for模板引用会自动收集为数组,需在onMounted后访问。组合式API中响应式引用与模板引用统一,需同名ref声明。支持组件/元素动态引用,可结合watch/computed监听变化,应用于批量表单验证、动态内容高度计算等场景。阅读更多 cmdragon
2025-12-21 vue 基础入门 , v-show与v-if区别 , CSS控制显示 , 条件渲染 , 应用场景 , 实战示例 , 常见问题解决 13 分钟阅读Vue3中v-show如何通过CSS修改display属性控制条件显示?与v-if的应用场景该如何区分?Vue3的v-show通过修改CSS的display属性切换元素显示状态,元素始终存在于DOM中。与v-if(销毁/重建DOM)不同,v-show切换成本低,适合频繁显示/隐藏的场景(如导航菜单、Tab切换、弹窗)。不适用于很少切换的场景(如权限判断)。阅读更多 cmdragon