Vue2/Vue3面试题

• Vue有哪些⽣命周期钩⼦？
• 如果需要发送Ajax请求，最好放在哪个钩⼦内？
• ⽗⼦组件嵌套时，⽗组件视图和⼦组件视图渲染完成谁先谁后？
• ⽗⼦组件嵌套时，如果希望在所有组件视图都渲染完成后再执⾏操作，该如何做？
• v-text 和 v-html 有什么区别?
• Vue3 里 data 为什么要是函数?
• 计算属性缓存是什么，如果不想缓存该怎么做?
• watch、计算属性有什么区别?
• Vue3和Vue2的响应式原理分别是什么，二者有什么差异?
• 手写reactive 实现track trigger
• 用Proxy和Object.defineProperty相比有什么优点和缺点?
• v-if 和v-show 有什么区别？
• 列表循环时key的作用？
• @click="handler"和@click="handler()"哪个正确？有什么区别?
• 父子组件如何传递数据？
• 单向数据流指的是什么？有什么好处？
• 组件的v-model是如何实现的?
• 在Vue中组件的全局注册和局部注册有什么区别，如何局部注册组件?
• 如何传递一个字符串类型的prop给子组件？数字类型呢？如何动态给prop赋值？
• 对于组件来说非prop的attribute怎么处理？
• v-model:foo=“bar” 与 :foo=“bar”有什么区别？如何实现 v-model:foo=“bar” ？
• Vue中的插槽是什么?
• 具名插槽怎么用？
• 作用域插槽是什么？
• 深度嵌套的爷孙组件如何传递数据？
• 什么是动态组件？
• keep-alive的作用？
• 使用keep-alive的组件如何监控组件切换？
• Vue里有哪些方法实现过渡或者动画效果？
• transition组件实现过渡效果怎么使用？
• 列表过渡怎么做？
• Vue CLI如何使用？
• Sass如何引入？
• Scope属性原理作用？
• 单页和多页如何配置？
• Vite是什么？能做什么？有什么优势？
• Vite的原理是什么？为什么开发起来会快？
• 你的项目里用过Vite吗？
• 传统的选项式API在开发时有什么痛点？
• 组合式API有什么优势？
• 如何把选项式API的Vue项目改造成组合式API？
• ref、reactive、toRefs、toRef分别有什么用？有什么区别？
• watch、computed、生命周期钩子在组合式API里怎么使用？
• VueRouter4和 VueRouter3在使用上有什么差别
• VueRouter有哪两种模式？原理分别是什么？
• 有哪些路由守卫
• 如何在组合式API的setup里获取router和route对象
• 如何实现路由转场动画
• 组件间数据传递有哪些方法？
• Vuex和localStorage有什么区别？
• Event Bus实现组件间数据传递有哪些缺点？
• Vuex主要解决哪些问题？
• Vuex有哪些核心概念？
• 使用Vuex如何使用映射来简化写法？
• 组合式API里如何使用Vuex？
• Vuex的原理是什么？
• Vuex里为什么所有组件都能访问store对象？
• Vuex响应式是怎么实现的？
• Vuex3.0和4.0在原理实现上有什么不同？
• MVVM框架一般有哪些特点
• 虚拟DOM是什么，有什么作用
• Vue中的h函数是做什么的
• Vue3中DOM Diff是怎么做的
• 如何实现一个虚拟长列表?

推荐这个课程，讲解了以上全部问题 https://xiedaimala.com/courses/ca345cb6-0a9a-4e35-ba7d-3b6240434ff9/random/e40c870acb?#/common