若场景是纯 JSON 数据（无特殊类型、循环引用），可临时用。若需要处理复杂对象（含特殊类型、循环引用），推荐使用，它是现代 Web 环境下深拷贝的 “最优解”。// 修改副本// 2（未受影响）// 解决循环引用[] : {};// 2（原对象不受影响）// 'function'（函数被复制）类型复制层级引用类型属性的影响实现复杂度适用场景浅拷贝只复制第一层修改会同步影响原对象简单只需复制基本类

不是同时编译：三个部分的编译有先后顺序和依赖关系Template 编译需要 Script 的信息（props、setup 返回值等）Style 编译需要 Template 生成的 scopeId实际执行可能部分并行：现代工具（Vite）会尽可能并行处理，但会处理依赖最终是串行组合：所有部分编译完成后，串行组合成最终模块编译时信息传递：通过唯一的组件 ID 和 AST 分析来传递信息plaintex

Vue3组件通信方式总结： Props - 父传子单向数据流 父组件通过属性传递数据，子组件用defineProps接收，支持类型校验和默认值。子组件不能直接修改props，需通知父组件修改。 自定义事件(emit) - 子传父 子组件通过defineEmits声明事件，用emit触发；父组件通过@监听事件。支持参数校验，推荐使用kebab-case命名。 v-model双向绑定 使用define

如图是普中-Hi3861开发板，

如图是普中-Hi3861开发板，

不是同时编译：三个部分的编译有先后顺序和依赖关系Template 编译需要 Script 的信息（props、setup 返回值等）Style 编译需要 Template 生成的 scopeId实际执行可能部分并行：现代工具（Vite）会尽可能并行处理，但会处理依赖最终是串行组合：所有部分编译完成后，串行组合成最终模块编译时信息传递：通过唯一的组件 ID 和 AST 分析来传递信息plaintex