vue生命周期详解

最新推荐文章于 2023-12-03 15:11:27 发布

爱吃囍囍丸子

最新推荐文章于 2023-12-03 15:11:27 发布

阅读量184

点赞数 2

分类专栏： vue 文章标签： vue

本文链接：https://blog.csdn.net/l529936997/article/details/118567947

版权

Vue实例有一个完整的生命周期，也就是说从开始创建、初始化数据、编译模板、挂在DOM、渲染-更新-渲染、卸载等一系列过程，我们成为Vue 实例的生命周期，钩子就是在某个阶段给你一个做某些处理的机会。

目前关于vue的生命周期大致分为两种看法

1、加载期更新期销毁期

	加载期:beforeCreate , created , beforeMount , mounted 
	更新期:beforeUpdate , updated
	销毁期:beforeDestroy , destroyed

2、初创期挂载期更新期销毁期

	初创期:beforeCreate , created , 
	挂载期:beforeMount , mounted 
	更新期:beforeUpdate , updated
	销毁期:beforeDestroy , destroyed

两种的区别在于第一种的加载期在第二种看法中被细化为初创期和挂载期
(获取dom是在挂载后获取)
(页面更新前后数据是已经变化后的数据这里的更新前和更新后指的是页面的更新前后 )

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <div id="app">
        <sear></sear>
        <!

最低0.47元/天解锁文章

爱吃囍囍丸子

关注

2
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
4
评论
vue生命周期详解

Vue实例有一个完整的生命周期，也就是说从开始创建、初始化数据、编译模板、挂在DOM、渲染-更新-渲染、卸载等一系列过程，我们成为Vue 实例的生命周期，钩子就是在某个阶段给你一个做某些处理的机会。目前关于vue的生命周期大致分为两种看法1、加载期更新期销毁期加载期:beforeCreate , created , beforeMount , mounted 更新期:beforeUpdate , updated 销毁期:beforeDestroy , destroyed2、初创期
复制链接

扫一扫