【九月打卡】第九天 + Vue面试考点

课程名称：前端框架及项目面试 聚焦Vue3/React/Webpack

课程章节：Vue3.0

主讲老师：双越老师

课程内容：

今天学习内容包括

1. 生命周期
   

课程收获：

生命周期

beforeDestroy 

• 实例销毁之前调用。在这一步，实例仍然完全可用。

• 该钩子在服务器端渲染期间不被调用。

destroyed

• 实例销毁后调用。

• 该钩子被调用后，对应 Vue 实例的所有指令都被解绑，所有的事件监听器被移除，所有的子实例也都被销毁。

• 该钩子在服务器端渲染期间不被调用。

常用生命周期钩子

• mounted：发送 ajax 请求、启动定时器、绑定自定义事件、订阅消息等【初始化操作】

• beforeDestroy：清除定时器、解绑自定义事件、取消订阅信息【收尾工作】

关于销毁vue实例

• 销毁后借助 Vue 开发者工具看不到任何信息。

• 销毁后自定义事件会失效，但原生 DOM 事件依然有效。

• 一般不会在 beforeDestory 操作数据，因为即便操作数据，也不会再触发更新流程了

课程学习截图：