Vue生命周期

最新推荐文章于 2024-05-07 15:27:07 发布

徐小七七

最新推荐文章于 2024-05-07 15:27:07 发布

阅读量1.6k

点赞数 1

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

本文链接：https://blog.csdn.net/xustart7720/article/details/74857329

版权

前言

Vue实例有一个完整的生命周期，也就是从开始创建、初始化数据、编译模板、挂载Dom、渲染→更新→渲染、卸载等一系列过程，我们称这是Vue的生命周期。通俗说就是Vue实例从创建到销毁的过程，就是生命周期。

因为我们有时候会在几个钩子函数里做一些事情，什么时候做，在哪个函数里做，所以对vue的生命周期的了解是很必要的。

vue生命周期简介

生命周期1

生命周期2

生命周期探究

对于执行顺序和什么时候执行，看上面两个图基本有个了解了。下面我们将结合代码去看看钩子函数的执行。
直接复制下面代码执行

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>vue生命周期</title>
    <script type="text/javascript" src="https://cdn.jsdelivr.net/vue/2.1.3/vue.js"></script>
</head>
<body>

<div id="app">
    <p style="font-size: 46px">{
   { message }}</p>
</div>

<script type="text/javascr

最低0.47元/天解锁文章

徐小七七

关注

1
点赞
踩
4

收藏

觉得还不错? 一键收藏
0
评论
Vue生命周期

前言Vue实例有一个完整的生命周期，也就是从开始创建、初始化数据、编译模板、挂载Dom、渲染→更新→渲染、卸载等一系列过程，我们称这是Vue的生命周期。通俗说就是Vue实例从创建到销毁的过程，就是生命周期。因为我们有时候会在几个钩子函数里做一些事情，什么时候做，在哪个函数里做，所以对vue的生命周期的了解是很必要的。vue生命周期简介生命周期探究对于执行顺序和什么时候执行，看上面两个图基本有个了解了
复制链接

扫一扫