vue3知识总结

Vue 3 是 Vue.js 的最新版本，相较于 Vue 2，它在性能、API 设计、类型支持等多个方面都有显著的改进和创新。以下是对 Vue 3 知识的总结：

一、性能优化

• 响应式系统升级：Vue 3 使用 Proxy 替代了 Vue 2 中的 Object.defineProperty，实现了对对象变化的更广泛监测，包括对象的添加和删除，以及数组的长度和索引变化。这使得 Vue 3 的响应式系统更加高效和准确。
• 虚拟 DOM 优化：Vue 3 优化了虚拟 DOM 的算法，提高了渲染性能，特别是在处理大型数据集时。
• 打包体积减小：通过引入 Tree-Shaking，Vue 3 减少了打包后的应用体积，加快了加载速度。

二、Composition API

• 简介：Composition API 是 Vue 3 引入的一种新的组织代码的方式，它允许开发者以更加灵活和模块化的方式来编写组件逻辑。
• 核心函数：
  • setup：组件内使用 Composition API 的入口点，所有 Composition API 调用都在此函数中完成。
  <