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 的库。