1200字范文,内容丰富有趣,写作的好帮手!
1200字范文 > 【Vue】Vue 生命周期以及生命周期函数

【Vue】Vue 生命周期以及生命周期函数

时间:2023-03-21 11:13:44

相关推荐

【Vue】Vue 生命周期以及生命周期函数

【生命周期】一个Vue实例的生命周期包括每个组件从创建 -> 运行 -> 销毁的一个过程,强调的是一个时间段

【生命周期函数】在生命周期的不同阶段,会按次序、自动依次执行的函数,叫做生命周期函数。强调的是时间点

生命周期图示:

【生命周期函数执行次数】

创建阶段的函数(beforeCreate \ created \ beforeMount \ mounted)以及销毁阶段的函数(beforeDestroy \ destroyed)在组件的一次实例化调用中只会执行1次。而运行阶段的函数(beforeUpdated \ updated)在组件的一次实例化调用中会执行0~n次,最少0次。运行阶段是指用户和组件之间产生交互的阶段。只要数据不发生变化,就不会执行运行阶段的函数,而最多无上限,数据不断发生变化,就会不断调用运行阶段的函数。

【重要的生命周期函数】

created:这个节点所有的data, props, methods已经可用,所以这个节点是请求数据的最早节点,而我们希望越快拿到数据越好,所以一般在这个节点发送Ajax请求数据mounted:这个节点组件第一次被渲染到浏览器中,是操作DOM的最早节点updated:这个节点更新的数据已经同步渲染到DOM结构中了,能够操作到最新的 DOM 元素

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。