怎么理解Vue的生命周期及钩子函数

技术怎么理解Vue的生命周期及钩子函数本篇内容介绍了“怎么理解Vue的生命周期及钩子函数”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,

本文介绍了“如何理解Vue的生命周期和钩子函数”的知识。很多人在实际案例的操作中会遇到这样的困难。让边肖带领你学习如何处理这些情况。希望大家认真阅读,学点东西!

前言

Vue Vue的生命周期一般来说,浏览器运行后,我们编写的代码应该在内存中执行。比如我们都写var VM=new Vue();也就是说,一个Vue实例从新的。从这个实例的创建到我们关闭浏览器这个实例的消亡这段时间,Vue的框架做了什么,Vue的实例先做了什么,然后又做了什么,这一系列的事情之间是什么关系,这就是Vue的生命周期。

vue生命周期共分为四个阶段

实例创建DOM渲染数据更新销毁实例。

怎么理解Vue的生命周期及钩子函数

钩子函数介绍

1.创建前-创建前。

vue实例的mount元素$el和数据对象数据未定义,尚未初始化。

2.创建-创建后。

vue实例的数据对象数据可用,但$el尚不可用。

3.安装前-渲染前。

vue实例的$el和data都已初始化,但它们仍然是虚拟dom节点,具体的data.filter没有被替换。

4.已安装-渲染后。

vue实例已装入,data.filter已成功呈现。

5.更新前-更新前。

数据更新时触发。

6.更新-更新后。

数据更新时触发。

7.在毁灭之前-在毁灭之前。

当组件被销毁时触发。

8.毁灭-一次又一次的毁灭。

当组件被销毁时触发,vue实例释放事件监控并与dom绑定(无响应),但DOM节点仍然存在。

执行顺序和执行时间见下图。

怎么理解Vue的生命周期及钩子函数

这里介绍一下“如何理解Vue的生命周期和钩子函数”的内容。感谢阅读。如果你想了解更多行业,关注网站,边肖将为大家输出更多高质量的实用文章!

内容来源网络,如有侵权,联系删除,本文地址:https://www.230890.com/zhan/62650.html

(0)

相关推荐

  • 怎么解决php.ini时区修改无效问题

    技术怎么解决php.ini时区修改无效问题本篇内容介绍了“怎么解决php.ini时区修改无效问题”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔

    攻略 2021年10月29日
  • MySQL 8.0是不是可以操作JSON

    技术MySQL 8.0是不是可以操作JSON本篇文章给大家分享的是有关MySQL 8.0是不是可以操作JSON ,小编觉得挺实用的,因此分享给大家学习,希望大家阅读完这篇文章后可以有所收获,话不多说,跟着小编一起来看看吧

    攻略 2021年10月20日
  • 龙虾怎么洗简单又干净,怎样杀小龙虾,洗小龙虾

    技术龙虾怎么洗简单又干净,怎样杀小龙虾,洗小龙虾小龙虾清洗起来很麻烦,特别是那两个大钳子很具有威慑力,让人都不知道该怎么拿捏清洗龙虾怎么洗简单又干净。 步骤如下:
    1、先盐水养半小时很多龙虾生存的水域都不太干净,而且龙

    生活 2021年10月30日
  • Redis中怎么实现分布式锁

    技术Redis中怎么实现分布式锁本篇内容介绍了“Redis中怎么实现分布式锁”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成

    2021年10月20日
  • hibernate如何实现逆向工程

    技术hibernate如何实现逆向工程这篇文章将为大家详细讲解有关hibernate如何实现逆向工程,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。导入hibernate 插件,这个自己

    攻略 2021年12月8日
  • HBase如何实现保存异步

    技术HBase如何实现保存异步这篇文章主要介绍HBase如何实现保存异步,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!1 批量操作 如何提交任务?不管是单条数据 还是 批量数据 都是异步执行2 批

    攻略 2021年12月8日