手记

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

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

课程章节:Vue3.0

主讲老师:双越老师


课程内容:

今天学习内容包括

  1. 生命周期

课程收获:

生命周期

beforeDestroy 

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

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

destroyed

  • 实例销毁后调用。

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

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

常用生命周期钩子

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

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

关于销毁vue实例

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

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

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

课程学习截图:



0人推荐
随时随地看视频
慕课网APP