告别 Vue 弹窗地狱！手把手封装命令式、Promise 化弹窗服务，完整代码 + 实战踩坑 + 通用工厂，一行 await 搞定确认框、表单弹窗、抽屉，干净利落不冗余。

一、背景与选型 1.1 现状问题 主应用 cmclink-web-micro-main 采用 iframe 过渡方案 加载 7 个子应用，存在以下痛点： 问题 影响 7 个 <iframe> 硬编码在

在 Vue 的响应式系统中，当数据发生变化时，Vue 会生成一颗新的虚拟 DOM 树（VNode Tree）。Diff 算法的核心任务就是通过对比新旧两棵树，以最小的性能代价完成真实 DOM 更新。

1.采用懒加载的方式 路由懒加载 和 组件懒加载：const One = ()=>import("./one"); 图片懒加载：使用vue-lazyload插件 2.webpack/vite 开启gz

目前在Vue官网显最新版本已经是Vue3.5，其中主要包含了几个小改动，我留着到日常最常用的改动就是props了，肯定是用Vue3的人必用的，所以针对性讲解。

关于VueRouter的简要分析实现。相对于Vue真实源码，会舍弃掉旁枝末节，聚焦主要功能，更适合学习和理解路由机制。

生成一篇3000字的文章是一个相对较大的任务，尤其是当涉及到提供具体的代码例子时。我将尝试在合理范围内扩展您的笔记，并给出简化的代码例子来说明Vue与React的编程模式、组件化开发、内存管理以及模块

useWatchFields 是 Vue 3 的自定义 Hook，用于监听 state 中指定字段的变化，简化 watch 使用，提升开发效率。

插槽父子孙，怎么接收消息和发送消息呀 我们封装一个组件A，一般情况下，其组件会有子组件B。即：A->B 而现在需要Q组件想来引用组件A，此时想要引用的时候，使用组件B的插槽，并且传递数据以及接收B