Vue3 里 watch 一个对象,只改某个属性却没触发回调,根因是监听了对象引用而没感知内部变化。本文给出三种写法与取舍:deep 整体监听最省心但有性能开销、getter 精确监听最划算、替换新引用适合 ref 场景,并附解构掉响应式等失败分支。照着选就能让回调按预期触发。
Vue 动态绑定事件为空九成是因为用运行时拼接的事件名,而模板编译器只认静态事件名。本文给出静态绑定优先的稳妥写法,并附监听器对象整体绑定、计算属性回退、手动 addEventListener 三种方法及其边界与常见失败。
在 Vue 项目里集成天地图时,瓦片加载不全、首次空白最常见。本文讲清容器宽高为 0、DOM 未就绪就初始化、异步数据回来后没重算尺寸三类根因,并给出 onMounted、nextTick 与 checkResize 的修复写法。照着做就能让地图稳定显示,不再忽好忽坏。
在 Vue 项目里引入组件或依赖时,找不到模块、路径解析失败最常见。本文讲清相对路径层级数错、@ 别名没配置、扩展名与包名写错三类根因,并对比 Vite 与 Webpack 的解析差异与构建期报错。照着做就能一次写对导入路径,不再被 Cannot find module 反复打断。
Vue 文件失去智能提示,多数不是编辑器的锅,而是语言服务扩展冲突或工程配置没被读到。本文按四步讲清 Vetur 与 Volar 的取舍、takeover 模式的作用、tsconfig 与 jsconfig 的 include 范围,以及用父目录打开工作区导致的失效,附可复现的排查清单。