2026-01-03 vue 基础入门 , Vue3 , 嵌套列表 , 递归组件 , key , 多层级数据 , 列表渲染问题 12 分钟阅读为何在Vue3递归组件中必须用v-if判断子项存在？Vue3列表渲染核心v-for，语法为item in items，key需唯一稳定；多层嵌套列表用v-for结合v-if判断子项；动态层级数据（如无限嵌套）用递归组件（自我调用）；注意key唯一性、响应式更新及空列表判断，递归需加终止条件避免栈溢出。阅读更多 cmdragon
2025-12-31 vue 基础入门 , Vue3 , 数组遍历 , 列表渲染 , key , v-if , 数组变化检测 13 分钟阅读Vue3中v-for与v-if为何不能直接共存于同一元素？Vue中v-for可遍历数组和对象。数组遍历支持基础用法、索引、对象解构；对象遍历可获取value、key、index，三参数顺序为value、key、index。v-for与v-if共存需放，用key维护列表状态避免“就地更新”。数组mutation方法（push等）可直接检测更新，非mutation方法（filter等）需替换原数组。阅读更多 cmdragon
2024-06-05 前端开发 Vue3 , Teleport , 概念 , 特性 , 应用 , 性能 , 测试 13 分钟阅读Vue 3 Teleport：掌控渲染的艺术这篇文章介绍了Vue3框架中的一个创新特性——Teleport，它允许开发者将组件内容投送到文档对象模型（DOM）中的任意位置，即使这个位置在组件的挂载点之外。Teleport旨在解决某些特定场景下的布局和嵌套问题，如 modal 对话框、弹出框或注入全局头部等。通过使用Teleport，可以更灵活地管理这些特殊组件，同时保持应用程序结构的清晰。文章可能会详 …阅读更多
2024-05-30 前端开发 Vue3 , 计算属性 , 侦听器 , 路由 , 模板 , 性能优化 , 实战案例 16 分钟阅读深入理解Vue 3：计算属性与侦听器的艺术前言 Vue 3的新特性简介 Vue.js作为当今流行的前端框架之一，以其响应式数据绑定和组件化架构著称。随着技术的不断演进，Vue 3带来了许多令人期待的新特性，这些特性不仅使得Vue.js更加高效和灵活，也为开发者提供了更好的开发体验。阅读更多
2024-05-29 前端开发 Vue3 , Composition , Refs , Reactive , Watch , Lifecycle , Debugging 8 分钟阅读Vue3使用Composition API实现响应式1. 介绍 Composition API是Vue.js 3中新增的一组API，用于在组件中组合逻辑和功能。它可以让你更好地组织和重用代码，使组件更易于理解和维护。在使用Composition API时，你可以使用<script setup>语法或setup()函数，两种方式都可以使用Composition API中的响应式API、生命周期钩子 …阅读更多
