1.请简述 Vue的基本概念和特点
Vue.js是一种用于构建用户界面的渐进式JavaScript框架。它通过数据驱动和组件化的方式，简化了前端开发过程。以下是Vue.js的特点和优势：
响应式数据：Vue.js使用了双向绑定的数据流，使得数据的变化能够实时反映到视图上，提升了用户体验。
组件化开发：Vue.js将页面拆分为多个可重用组件，提高了代码的复用性和维护性，有利于团队协作开发。
轻量级：Vue.js的核心库体积小巧，加载速度快，适合用于开发轻量级的单页面应用。
虚拟DOM：Vue.js使用虚拟DOM技术，将页面的操作映射到虚拟DOM上，减少了对真实DOM的直接操作，提高了性能。
生态系统：Vue.js拥有丰富的插件和工具生态系统，可以轻松扩展功能和集成第三方库。
容易上手：Vue.js的语法简洁明了，易于理解和学习，降低了学习曲线。
总结：Vue.js具有简单易用、高效灵活、快速更新、生态丰富等特点和优势，因此在前端开发中得到了广泛应用。
2.Vue中data、methods、computed、watch的区别是什么?
data：是Vue实例的数据对象，用来存储组件的数据。这些数据是响应式的，当数据变化时，视图会自动更新。data里的属性可以直接在模板中通过插值或者指令使用
methods：这里定义的是方法，可以包含一些函数，这些函数在调用时执行。比如点击事件的处理函数通常会放在methods里。methods里的函数每次调用时都会重新执行，不管依赖的数据是否变化，这可能会有性能问题，如果用在模板里频繁渲染的话
computed属性，计算属性。它们的值是基于依赖的响应式数据缓存起来的，只有当依赖的数据发生变化时，才会重新计算。否则会直接返回缓存的结果。所以计算属性适合处理复杂逻辑，并且需要高效更新的情况，比如格式化日期、过滤列表等。
watch，侦听器。用来观察和响应数据的变化。当需要在数据变化时执行异步或开销较大的操作时，使用watch会更合适。比如当某个数据变化后需要向服务器发送请求，或者执行一些复杂的操作，这时候用watch来监听数据的变化，并执行相应的回调函数。
总结：data用于声明响应式数据，methods定义方法（无缓存），computed根据依赖缓存计算结果，watch则监听数据变化并执行回调（如异步操作）。
（核心区别：data是数据源，methods是普通函数，computed是缓存的计算值，watch是监听数据变化的副作用处理。）
3.如何实现 Vue 组件的复用?
Props & 事件通信
通过 props 接收外部数据，$emit 触发事件通知父组件，实现数据驱动的复用（如按钮组件传文本、颜色）。
插槽（Slot）
使用默认插槽、具名插槽或作用域插槽（scoped slots）分发动态内容（如卡片组件头部/尾部自定义）。
逻辑复用工具
组合式 API（Vue3 推荐）：用 setup + 自定义函数（如 useFetch）封装可复用的响应式逻辑。
Mixins（Vue2）：合并公共逻辑（如表单校验），但需注意命名冲突风险。
动态组件 & 异步组件
<component :is="currentComponent"> 按需切换组件。
defineAsyncComponent 实现异步加载，优化性能。
高阶组件（HOC）
通过函数包装组件，增强功能（如添加统一 loading 状态）。
Provide/Inject
跨层级传递数据/方法（适用于全局配置或主题切换）。
总结：通过 props 传递数据、$emit 触发事件实现基础复用；利用插槽（slot）灵活分发内容，通过组合式 API（Composables）或 mixins 复用逻辑，结合动态组件（<component>）按需加载，最终达到组件高内聚、低耦合的复用目标。
4.请解释 Vue 中的指令(directives)和过滤器(filters)
| 特性 | 指令（Directives） | 过滤器（Filters） |
|---|---|---|
| 用途 | 操作 DOM 或响应式行为 | 格式化文本输出 |
| 语法 | v-xxx 属性 | `{{ value |
| 适用场景 | 动态渲染、事件绑定、DOM 交互 | 数据展示前的加工处理 |
| Vue3 支持 | ✅ 支持 | ❌ 移除，用方法或计算属性替代 |
总结：指令是控制 DOM 行为的工具，而过滤器是格式化数据的工具（仅限 Vue2）。在 Vue3 中，指令依然重要，但过滤器需用计算属性或方法替代。
5.Vue 中如何实现组件间的通信?
| 场景 | 推荐方案 |
|---|---|
| 父子组件简单通信 | props + $emit / v-model |
| 兄弟组件通信 | 事件总线（Vue2） / Pinia（Vue3） |
| 跨层级/复杂状态共享 | Pinia 或 Vuex |
| 祖先向后代透传配置 | provide/inject |
| 快速原型或小型应用 | 事件总线（Vue2） |
关键原则：
优先使用 props/emit 保持单向数据流。
避免滥用 $refs 和直接操作 DOM。
大型项目推荐 Pinia 或 Vuex 管理全局状态。
总结：Vue 组件间通信可通过 props/$emit 父子传值、事件总线（Event Bus）或全局状态管理（如 Pinia/Vuex）处理兄弟/跨级通信，结合 provide/inject 跨层级透传数据，以及 $refs 直接访问子组件实现。
