Vue 3 与 Vue 2 的区别主要体现在合成 API、选项 API、响应式系统等方面。查看组件是否使用 Composition API 或继承自 Vue.extend（Vue 2）或 defineComponent（Vue 3）等方法，可判断组件属于哪一版本。
如何区分 Vue 2 和 Vue 3
明显的区别：
- 合成 API：Vue 3 引入了 Composition API，它提供了更灵活和可重用的组件创建方式。
- 选项 API：Vue 2 使用 Option API 创建组件，而 Vue 3 中它们不再是一种优先选择。
- 响应式系统：Vue 3 使用 Proxy 和反应性监测系统，而 Vue 2 使用 Object.defineProperty。
其他差异：
- TypeScript 支持：Vue 3 对 TypeScript 提供本机支持，而 Vue 2 需要借助插件。
- 虚拟 DOM 实现：Vue 3 使用 vnode 而不是虚拟 DOM，这提高了性能。
- 内置悬浮组件：Vue 3 引入了悬浮组件，以提高大型应用程序的性能。
- 更好的国际化支持：Vue 3 具有更强大且易于使用的国际化支持。
- 性能提升：总体而言，Vue 3 比 Vue 2 具有更好的性能。
如何查看组件是 Vue 2 还是 Vue 3：
立即学习“前端免费学习笔记（深入）”；
- 查看组件是否使用 Composition API（例如，
setup函数）。 - 检查组件是否继承自
Vue.extend（Vue 2）或defineComponent（Vue 3）。 - 查看组件是否依赖于
vue-router或vuex等特定于 Vue 2 的库。
