首页 > Web开发 > 详细

[Vuejs] 组件 v-if 和 v-show 切换时生命周期钩子的执行

时间:2019-02-27 10:55:54      阅读:1190      评论:0      收藏:0      [点我收藏+]

v-if

初始渲染

初始值为 false 组件不会渲染,生命周期钩子不会执行,v-if 的渲染是惰性的。
初始值为 true 时,组件会进行渲染,并依次执行 beforeCreate,created,beforeMount,mounted 钩子。

切换

false => true
依次执行 beforeCreate,created,beforeMount,mounted 钩子。
true => false
依次执行 beforeDestroy,destroyed 钩子。

v-show

渲染

无论初始状态,组件都会渲染,依次执行 beforeCreate,created,beforeMount,mounted 钩子,v-show 的渲染是非惰性的。

切换

对生命周期钩子无影响,切换时组件始终保持在 mounted 钩子。

[Vuejs] 组件 v-if 和 v-show 切换时生命周期钩子的执行

原文:https://www.cnblogs.com/frost-yen/p/10441568.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!