Vue3

Vue3 vs Vue2 主要差异对比指南 1. 核心架构差异 1.1 响应式系统 Vue2：使用 Object.defineProperty 实现响应式 Vue3：使用 Proxy 实现响应式 1.

Vue3 Suspense 完整指南 1. 基本概念 Suspense 是 Vue3 提供的一个内置组件，用于处理异步组件和异步数据加载。它可以在等待异步内容加载完成时显示加载状态，并处理加载过程中可

vue3中一下全局API的使用（app.component，app.config，app.directive， app.mount，app.unmount，app.use）用法总结

1. 基本概念 Teleport 是 Vue3 提供的一个内置组件，它可以将组件的内容传送到 DOM 树的任何位置，而不受组件层级的限制。这在处理模态框、通知、弹出菜单等需要突破组件层级限制的场景中特

1. 基本概念 customRef 是 Vue3 提供的用于创建自定义响应式引用的 API，允许显式地控制依赖追踪和触发响应。它返回一个带有 get 和 set 函数的工厂函数来自定义 ref 的行为

Vue3 Raw API 完整指南 1. toRaw vs markRaw 1.1 基本概念 toRaw: 返回响应式对象的原始对象，用于临时获取原始数据结构，标记过后将会失去响应式 markRaw:

Vue3 只读 API 1. readonly vs shallowReadonly 1.1 基本概念 readonly: 深层只读，递归地将对象的所有属性设置为只读 shallowReadonly:

Vue3 浅层响应式 API 1. ref vs shallowRef 1.1 基本概念 ref: 深层响应式，会递归地将对象的所有属性转换为响应式 shallowRef: 浅层响应式，只有 .val

Vue2 vs Vue3 组件通信方法对比 1. 父子组件通信 1.1 Props 传递 Vue2 Vue3 1.2 自定义事件 Vue2 Vue3 2. 跨层级组件通信 2.1 provide/in

Vue3 组件之间的通信方式（子传父 父传子 祖传孙 孙传祖 兄弟 更多后代组件）总结父子组件：优先使用 props/emit 跨层级组件：考虑 provide/inject 兄弟组件：兄弟组件通信可

1. 基本概念 1.1 v-bind 单向数据绑定 从父组件向子组件传递数据 简写形式为 : 1.2 v-model 双向数据绑定 父子组件数据同步 本质是 v-bind 和 v-on 的语法糖 2.

1. 基础用法 在 Vue3 中，v-model 在组件上的使用有了更灵活的方式。默认情况下，v-model 使用 modelValue 作为 prop，update:modelValue 作为事件。

1. 默认插槽（Default Slots） 默认插槽是最基本的插槽类型，用于在组件中插入内容。 1.1 基本用法 1.2 带默认内容的插槽 2. 具名插槽（Named Slots） 具名插槽允许我们

1. 基本概念 provide/inject 是 Vue3 中实现跨层级组件通信的方案，类似于 React 的 Context。它允许父组件向其所有子孙组件注入依赖，无论层级有多深。 1.1 基本语法