GBVFtou

patch->processComponent( 1.setupComponent->setupComponent->setupStatefulComponent( 1.setup 2.handleS

下面按编译器视角给出判定规则（Vue 3）： 静态节点（不会参与更新） 纯静态 HTML：不含 mustache 插值、无 v- 指令、无 :/@ 绑定。 所有属性均为字面量（如 class="a"、

vue3内置一些组件 比如Transition TransitionGroup KeepAlive Teleport Suspense Teleport 作用 将其插槽内容渲染到 DOM 中的另一个位

结构 行为 总览（按职责分组） 渲染入口与总控 render：渲染入口，创建 renderer 后的对外 API，内部调用 patch。 patch：核心调度，根据 VNode 类型分发到不同 pro

pnpm add -D @capacitor/cli pnpm add @capacitor/core @capacitor/android npx cap init com.example.app 

applyOptions 外部 内部 1.resolveMergedOptions 2.beforeCreate 3.resolveInjections 4.methods 5.dataOptions

简明关系图 VNode：一次“渲染描述”的虚拟节点（元素/文本/Fragment/组件等）。 Component Instance（组件实例）：当 VNode 的 type 是组件时，渲染器会为它创建

类别 结构 层级 1.dom 渲染树 提供增删改查方法 直接操作dom vnode 描述渲染树 数据驱动渲染 需要机制间接操作dom 2. children key 优化 staticNode 优化

生命周期 注入 fn->registerLifecycleHook->createHook->injectHook 判断组件活跃 isRootHook hooks初始化 包装hook 4.1 isUn