【Vue】生命周期相关面试题

Vue的生命周期

Vue的生命周期有哪些？一般在哪一步发起哪些请求及其原因？

vue的生命周期总共分为8个阶段：创建前/后（beforeCreate/created），载入前/后（beforeMount/mounted），更新前/后（beforeUpdate/updated），销毁前/后（beforeDestroy/destroyed） ![avatar][lifecycle]

生命周期钩子是如何实现的？

Vue的生命周期钩子就是回调函数，创建组件实例的过程中会调用对应的钩子方法；内部主要是用callHook方法来调用对应的方法，核心是一个发布订阅模式，内部使用数组的方式存储在对应阶段进行发布。

Vue的父组件和子组件生命周期钩子执行顺序？

第一次加载页面时，会触发beforeCreate，created，beforeMount，Mounted这几个钩子函数。

更新过程：

父组件beforeUpdate → 子组件beforeUpdate → 子组件updated → 父组件updated

销毁过程：

父组件beforeDestroy → 子组件beforeDestroy → 子组件destroyed → 父组件destroyed

虚拟Dom的优点？

1、减少内存使用量。

2、加快页面中Dom的渲染。

diff为虚拟Dom渲染算法，通过比较修改前后的JS对象变化，准确定位需要重新创建的Dom，将虚拟Dom提供给render函数创建内存Dom等待调用（未加载到页面）。