本文讲清 Vue 里组件通信这种模式该按距离选工具：父子用 props 与 emits，跨层用 provide / inject，多组件共用逻辑用组合式函数。给出三种方式的取舍对比，并拆出直接改 props、provide 传普通值不响应、组合式函数放单例状态三个最常见错误，附可直接套用的写法。

本文讲清在 Vue3 里遍历组件所有项的三种写法：v-for 直接渲染、计算属性先加工、递归遍历嵌套项，并给出 key 唯一、过滤位置、递归终止条件等最容易踩的坑，以及组件卸载、依赖变化等上线前必须验证的清单。

本文手把手封装一个 Vue3 轮询 hook：用组合式函数管理 setInterval，在 onUnmounted 里无条件 clearInterval，并用 inFlight 标志防止请求堆积、用 watch 处理依赖变化。讲清 interval、immediate、enabled 等参数设计，以及组件卸载、请求超间隔、依赖变化三个最容易漏的注意点，帮你把轮询逻辑写成可安全复用的代码。

本文用「底图叠加标记」场景讲清 OpenLayers 三种地图效果的写法：矢量图层加要素做可交互标记、图层叠加做底图切换、集中式地图交互配合 Cluster 扛大数据量。对比三种地图渲染方式的性能与适用边界，给出选型的判断标准与可复现代码，帮你按「要不要交互、数据量大不大」挑对实现路径。

从自定义脚本调用组件方法需先主动暴露实例，直接挂到 window 会带来全局污染与多实例覆盖。本文基于 Vue3 3.4 拆解 defineExpose、props 回调与 provide/inject 三种做法的区别与取舍，并附选型对比与踩坑清单，帮你按组件关系选对通信方式。

Vite 打包 Vue3 项目在复杂场景会暴露浏览器兼容与代码分包的短板，生产环境常需配合 Webpack 或框架脚手架。本文基于 Vite 5 拆解三种做法：纯 Vite、加 legacy 插件、Vite 接 Webpack 二次分包，并附横向对比与踩坑清单，帮你按受众选对构建方案。

Vue3 props 是父子组件传递数据的标准通道，但新手常困惑于它怎么用、为什么改了不生效、哪些参数不能乱传。本文用最小示例讲清 props 的声明、单向数据流、类型与默认值校验，以及响应式引用与 prop 自身的区别，帮你把组件参数用对地方。

Vue2 项目的网络接口配置最容易出现三类问题：baseURL 写成绝对地址、接口路径斜杠不一致、缺少请求超时与异常处理。本文用一个最小可复现的例子，逐个讲清成因、现象与正确写法，帮你十分钟定位接口不通的根因。

Vue 项目一个报错无法找到原因，常见于依赖版本冲突或运行时异常被框架吞掉。本文用复现、定位、修复、验证四步建立可复用排查流程，覆盖依赖树、构建命令与控制台报错，帮你从白屏走到跑通。

vue 长列表如何优化？数据上万时直接 v-for 会卡顿。本文对比虚拟列表、分页加载、按需渲染几种做法的区别与取舍，讲清适用边界、性能开销、常见失败与排查，帮你按场景选对方案并避开性能陷阱。