vue的生命周期钩子函数
2020-01-14 00:01
330 查看
1.生命周期 (主要是组件,就有生命周期)
-意义:帮助我们更加精细的去控制组件
-概念:vue生命周期可以分为三个阶段,分别为:初始化阶段,更新阶段,销毁阶段
vue生命周期钩子函数一共有11个,重点有8个;
1.1 初始化阶段
a. 执行几次: 1次
b. 执行条件: 自动执行
c. 有几个钩子函数
- 4个 beforeCreate
- created
- beforeMount
- mounted
d. 总结
1.2 更新阶段
a. 执行次数: 多次
b. 执行条件: 数据改变,就会执行
c. 钩子函数
- beforeUpdate
- updated √
d. 应用场景 - 结合第三方类库使用,通过数据请求修改数据后,然后在第三方实例化
e. 补充 - 宏任务、微任务
- 微任务先执行,宏任务后执行
1.3 销毁阶段
a. 执行几次: 可以多次
b. 执行条件: v-if[ 外部销毁 ] / $destory() 【 内部销毁】
c. 钩子函数: 2个
- beforeDestroy
- destroyed
d. 两个钩子函数的区别: 没差别
e. 任务: 善后的 - 把一些vue无法自动清除的东西清除掉: 比如: 计时器、自定义事件【 滚轮事件 】
1.4 另外三个钩子
- keep-alive 专用的
-
activated
- deactivated
- errorCaptured
-
捕获子组件的错误的
2.面试题
如果父组件数据更新,子组件更新钩子会触发吗 不会
如果子组件数据更新,父组件更新钩子会触发吗 会
- 点赞
- 收藏
- 分享
- 文章举报
相关文章推荐
- Vue中的生命周期概念及钩子函数
- 【Vue2.0】vue生命周期中的钩子函数
- Vue | 生命周期与生命周期钩子函数
- Vue生命周期和钩子函数
- vue 生命周期钩子函数
- Vue-生命周期8个钩子函数
- vue2.0项目实战(4)生命周期和钩子函数详解
- Vue的生命周期钩子函数理解
- Vue提高篇-生命周期及其钩子函数
- Vue实例的生命周期和钩子函数
- vue生命周期中,钩子函数执行顺序
- vue生命周期及钩子函数理解
- VUE生命周期中的钩子函数及父子组件的执行顺序
- Vue实例生命周期及钩子函数
- 经典问题之Vue的生命周期和钩子函数分析总结
- Vue 生命周期钩子函数
- vue生命周期钩子函数一目了然
- vue的生命周期及钩子函数
- vue知识点(一)—— 生命周期和钩子函数
- vue生命周期与钩子函数简单示例