1. Vue2和Vue3的核心差异是什么？
主要有三方面核心差异：
第一是响应式原理，Vue2用Object.defineProperty只能监听对象属性，无法监听数组下标和新增属性；Vue3改用Proxy代理整个对象，能实现更全面的响应式监听，还支持Map、Set等数据结构。
第二是API设计，Vue2以选项式API为主，代码按data、methods、computed分类，大型项目易出现代码分散的问题；Vue3新增组合式API，通过setup函数将相关逻辑聚合，更利于代码复用和维护。
第三是性能与新特性，Vue3做了静态提升、PatchFlags等编译优化，渲染性能提升约50%，还新增Teleport（组件瞬移）、Suspense（异步加载占位）、Composition API等特性，适配更复杂的开发场景。
2. 如何实现Vue组件的复用？
我常用三种方式实现组件复用：
一是基础组件封装，比如把按钮、输入框封装成通用UI组件，通过props传参、emit触发事件实现交互，基于ElementPlus/VantUI二次封装也属于这类；
二是组合式函数（Composables），把通用逻辑（如表单校验、数据请求）抽离成useXXX函数，在组件中引入即可复用，比mixins更清晰，不会出现命名冲突；
三是自定义指令，针对DOM操作类的复用需求（如图片懒加载、权限控制），封装成全局或局部指令，直接在模板中使用。
3.Webpack和Vite的区别，各自的适用场景？
两者核心差异在构建原理和编译方式：
Webpack是基于打包的构建工具，会先递归解析所有模块生成依赖图，再打包成bundle文件，启动时需要全量编译，冷启动速度慢，但生态成熟，支持各种复杂的打包需求，适合中大型、依赖复杂的企业级项目；
Vite基于ESM原生加载，开发时不会打包，而是按需编译模块，冷启动和热更新速度极快，生产环境则用Rollup打包，体积更小，适合中小型Vue/React项目，尤其是需要快速迭代的前端项目。实际开发中，我会给大型后台管理系统用Webpack，小型移
