最全Vue2和Vue3知识点，按着这个来学
前言
Vue2升级到了Vue3， 带来的变化有很多。比如Vue3的实现原理、一些用法上的删减和新增、组合式API等等。
除此之外和Vue3相关的技术栈也都做了升级，脚手架出现了Vite， VueCli升级到4， VueRouter升级到了4，Vuex升级到了4，升级带来的是语法、原理、使用上的巨大变化。
推荐我的一门小课，对Vue3和相关技术栈做了非常详细的讲解。
Vue3从入门到精通 - 写代码啦！
以下是Vue3相关的知识点，是小课中的内容，同时也是日常Vue相关面试题，可以作为大家学习Vue的自我检验。
知识点
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是怎么做的
如何实现一个虚拟长列表\?
补充
再次推荐 Vue3从入门到精通 - 写代码啦！ 这个小课，基于课程你可以写很多篇有思想和深度的博客，可以对Vue理解和使用更上一个台阶，轻松搞定绝大多数和Vue相关的面试题。
饥人谷一直致力于培养有灵魂的编程者，打造专业有爱的国内前端技术圈子。如造梦师一般帮助近千名不甘寂寞的追梦人把编程梦变为现实，他们以饥人谷为起点，足迹遍布包括facebook、阿里巴巴、百度、网易、京东、今日头条、大众美团、饿了么、ofo在内的国内外大小企业。 了解培训课程：加微信 xiedaimala03，官网:https://jirengu.com
