最全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