vue2.0生命周期—码虫

最新推荐文章于 2024-05-13 09:17:36 发布

置顶

码虫上脑

最新推荐文章于 2024-05-13 09:17:36 发布

阅读量4.2k

点赞数 6

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

本文链接：https://blog.csdn.net/weixin_41639773/article/details/81408466

版权

1.下面是我对生命周期的一些理解首先我们先看一下Vue生命周期图。

这里写图片描述

2.它可以分为八个阶段

钩子函数	函数描述
beforeCreate	组件实例刚被创建，组件属性计算之前，如data属性等。
created	组件实例创建完成，属性已绑定，但DOM还未生成，$el属性还不存在。
beforeMount	模板编译 \| 挂载之前。
mounted	模板编译 \| 挂载之后。
beforeUpdate	组件更新之前。
updated	组件更新之后。
beforeDestroy	组件销毁前调用。
destroyed	组件销毁后调用。

3.结合代码让我们更好的去理解钩子函数

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
            <script type="text/javascript" src="js/vue.min.js" ></script>
    </head>
<body>
  <div id="app">
    <p>{
   {
   message}}</p

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

码虫上脑

关注关注

6
点赞
踩
4

收藏

觉得还不错? 一键收藏
3
评论
vue2.0生命周期—码虫

1.下面是我对生命周期的一些理解首先我们先看一下Vue生命周期图。2.它可以分为八个阶段钩子函数函数描述beforeCreate组件实例刚被创建，组件属性计算之前，如data属性等。created组件实例创建完成，属性已绑定，但DOM还未生成，$el属性还不存在。beforeMount模板编译 | 挂载之前。mounted模板编译 |...
复制链接

扫一扫