zoukankan      html  css  js  c++  java
  • vue生命周期的理解

    对于想要使用vue的人来说,弄清楚生命周期显得至关重要。
    百度上说生命周期就是指一个对象的生老病死,在vue中,也就是从vue对象的
    实例化开始,到获取DOM,绑定DOM,直至删除的一个过程。
    在vue中,生命周期的实质就是对应的钩子函数,当理解了这些函数,生命周期也就
    有了一定程度的理解。在vue2.0版本后,钩子函数增加到了8个。
    1.beforeCreate 在实例创建之前,data数据访问不到
    2.created 在实例创建之后,data数据能访问到,且能修改data数据,修改数据
    不能触发updated,beforeUpdate函数(往下看),获取不到最终渲染完成的DOM
    3.beforeMounr 在挂载前,可以访问data数据,可以修改数据,编译模板已经结束,
    修改数据不会触发Updated 、beforeUpdate钩子函数
    4.mounted 在挂载后,真实的DOM节点已经渲染到页面,可以操作渲染后的DOM,可以访问
    和更改数据,改数据会触发Updated 、beforeUpdate钩子函数
    5.beforeUpdate mounted修改数据之前调用(但是mounted修改了数据后才会触发)
    6.Updated mounted修改数据之后调用
    7.beforeDestroy 实例卸载之前被调用(但是卸载后才会被触发),可以清理一些资源,防止内存泄漏
    8.destroyed 实例卸载之后被调用

  • 相关阅读:
    关于轨道交通的一些知识点和关键词
    关于芯片的一些关键词
    关于ADC采集
    Linux记录
    在VMware运行Linux下,密码错误的原因
    气体传感器
    AD采集问题
    Maven [ERROR] 不再支持源选项 5,请使用 7 或更高版本的解决办法
    Maven 专题(九):后记
    Maven 专题(六):Maven核心概念详解(二)
  • 原文地址:https://www.cnblogs.com/94-Lucky/p/13347367.html
Copyright © 2011-2022 走看看