blazercloud的博客

​watch：​本质是 “数据变化的监听器”，专注于 “数据变化后的逻辑执行”，不直接生成新数据，而是在数据变化时触发自定义回调函数（如异步请求、日志打印、复杂逻辑处理）。​computed 适用场景：当需要基于现有响应式数据生成新的派生数据，且该派生数据会被多次使用时（如格式化时间、拼接字符串、计算列表筛选结果），利用缓存特性提升性能。watch 适用场景：当需要在数据变化时执行异步操作（如根据输入值发送搜索请求）、执行复杂逻辑（如数据变化后更新其他非响应式数据），或监听嵌套对象 / 数组的变化时。

2. 挂载阶段（组件与 DOM 关联）beforeMount：组件挂载到 DOM 前触发，模板已编译为虚拟 DOM，挂载点el确定，但真实 DOM 未渲染，无法访问组件内部 DOM。mounted：组件挂载到 DOM 后触发，虚拟 DOM 已转为真实 DOM，组件在页面可见，可安全访问、操作 DOM。这些函数无需开发者手动调用，会由 Vue 在组件对应的生命周期节点自动触发，便于开发者在特定阶段执行逻辑（如初始化数据、操作 DOM、清理资源等），是 Vue 组件化开发中控制组件行为的核心工具。