Vue 24道面试题（大白话超短版）
1. Vue 是什么？—— 前端框架，帮写交互式网页，核心是数据驱动+组件化。
2. Vue 2 和 Vue 3 区别？—— Vue 3 更快、更小，支持组合式 API，兼容TS。
3. v-if 和 v-show 区别？—— v-if 增删DOM，v-show 藏DOM（改CSS），频繁切换用v-show。
4. 单向数据流？—— 父给子传props，子不能直接改，得让父改。
5. Vuex/Pinia 作用？—— 全局存数据，让多个组件共享（比如登录状态）。
6. 路由守卫有啥用？—— 控制路由跳转，比如未登录不让进个人中心。
7. diff 算法干啥的？—— 找新旧页面差异，只更变的部分，省性能。
8. props 怎么用？—— 父给子传值，子要声明属性类型（比如字符串、数字）。
9. 自定义指令怎么写？—— 封装重复DOM操作，比如v-focus让输入框自动聚焦。
10. Vue 响应式原理？—— Vue 2用Object.defineProperty，Vue 3用Proxy，监测数据变了就更页面。
11. computed 和 watch 区别？—— computed 有缓存，watch 能监听异步。
12. v-model 原理？—— 语法糖，就是:value绑定+@input事件。
13. 组件通信方式？—— 父子用props/$emit，跨级用provide/inject，任意组件用Vuex/事件总线。
14. 生命周期钩子？—— 组件从创建到销毁的关键节点（比如mounted是挂载完）。
15. 虚拟DOM作用？—— 用JS对象描述DOM，减少真实DOM操作，提速。
16. 路由懒加载？—— 访问路由时才加载对应组件，减少初始加载时间。
17. 为什么避免v-for和v-if同用？—— 会重复判断，影响性能，先过滤数据再循环。
18. mixin 作用？—— 提取多个组件的公共逻辑，方便复用。
19. 作用域插槽是什么？—— 子组件给父组件传模板，父组件自定义渲染内容。
20. .nextTick 作用？—— 等DOM更新完再执行回调（比如改数据后拿新DOM）。
21. 依赖注入（provide/inject）？—— 父组件传值，子孙组件直接拿，不用层层props。
22. 组件缓存用什么？—— keep-alive，保留组件状态，避免重复渲染。
23. 如何优化Vue性能？—— 路由懒加载、虚拟列表、避免不必要的渲染、缓存组件。
24. Pinia 和 Vuex 区别？—— Pinia 更简单，不用modules，天生支持TS，Vuex 4需适配。
需要我帮你将这份markdown文档按“基础概念、核心原理、性能优化”分类重组，让考点更清晰吗？