当前位置: 首页 > news >正文

【前端知识】vue的生命周期

一、vue的生命周期

1、vue的实例从创建到销毁的全过程

2、生命周期包括:创建、数据初始化、挂载、更新、销毁

  • 创建:var vm = new Vue({}),创建一个vue实例对象
  • 数据初始化
    • 数据初始化之前:执行beforeCreate函数之前,data和method中的数据还没进行初始化
    • 执行数据初始化
      • 执行beforeCreate函数之后,开始进行数据初始化(data和methods)
      • 完成数据初始化:执行created ()函数,初始化data
  • 挂载
    • 挂载前:执行beforeMount ()函数:渲染前的dom,如:{{message}}
    • 执行挂载:执行mounted ()函数:渲染后的dom,如:hello world
  • 更新
    • 更新前:状态数据发生变化时,触发beforeUpdate()函数,
    • 更新数据:执行updated()函数,拿到更新后的dom
  • 销毁
    • 执行beforeDestroy()函数:解除各种数据引用(实例的所有data和methods),移除事件监听,删除组件_watcher,删除子实例,删除自身self等。同时将实例属性_isDestroyed置为true
    • 执行destroyed()函数:组件已销毁,组件中的所有数据、方法、执行、过滤器等,均不可用。

相关文章:

  • iis不能新建网站/成都新站软件快速排名
  • 高密做网站的代理/网站建设明细报价表
  • 湛江网站的建设/做网络推广要学些什么
  • 怎么在网站做外部链接/最新seo新手教程
  • wordpress编辑导航栏/百度网站官网网址
  • 网站建设时间进度表/磁力搜索引擎torrentkitty
  • Excel - 学习 - 笔记4: Excel 函数 - if 函数
  • 神经网络是一种算法吗,神经网络包括哪些算法
  • 分享13个游戏源代码总有一个是你想要的
  • 自动调节式防涝井盖设计
  • 【湍流】基于kolmogorov结合次谐波补偿的方法生成大气湍流相位屏附matlab代码
  • 网络安全观察攻击类型分布
  • C/C++ 算法基础
  • C++:特殊类设计
  • 【opencv-c++】cv::equalizeHist直方图均衡化
  • 【学姐面试宝典】前端基础篇Ⅳ(JavaScript)
  • 【附源码】计算机毕业设计SSM美容美发店会员管理系统
  • 材料科学基础学习指导-吕宇鹏-名词和术语解释-第二章晶体缺陷