前端面试话术集锦第 12 篇：高频考点（Vue常考基础知识点）

这是记录前端面试的话术集锦第十二篇博文——高频考点（Vue常考基础知识点），我会不断更新该博文。❗❗❗

这一章节我们将来学习Vue的一些经常考到的基础知识点。

1. 生命周期钩子函数

1. 在beforeCreate钩子函数调用的时候，是获取不到props或者data中的数据的，因为这些数据的初始化都在initState中。

2. 接着会执行created钩子函数，在这一步的时候已经可以访问到之前不能访问到的数据，但是这时候组件还没被挂载，所以是看不到的。

3. 然后会先执行beforeMount钩子函数，开始创建VDOM，最后执行mounted钩子，并将VDOM渲染为真实DOM并且渲染数据。组件中如果有子组件的话，会递归挂载子组件，只有当所有子组件全部挂载完毕，才会执行根组件的挂载钩子。

4. 继而是数据更新时会调用的钩子函数beforeUpdate和updated，这两个钩子函数没什么好说的，就是分别在数据更新前和更新后会调用。

5. 另外还有keep-alive独有的生命周期，分别为activated和deactivated。用keep-alive包裹的组件在切换时不会进行销毁，而是缓存到内存中并执行deactivated