博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
vue生命周期简记
阅读量:6211 次
发布时间:2019-06-21

本文共 653 字,大约阅读时间需要 2 分钟。

写在前面

如题,vue的生命周期是vue理解的重要一环,弄明白它不只会加深对vue的理解,在实际开发中也会更加得心应手,在此记录写项目开发中体会到的一些经验,只是总结 并不全面,想要详细学习网上关于vue生命周期学习的文章很丰富

<!--more-->

lifecycle.png

生命周期

  • beforeCreate:创建前,new操作,已绑定事件,还没有数据,不能处理数据
  • created:创建,可以处理数据
  • beforeMounted:挂载前,准备把创建的挂载到el上,有el才去执行挂载
    挂载前的el仍是<div id="app"></div>
  • 有template转化后执行render funcion再去渲染
    cli中的.vue文件中的template是通过vue-loader直接转化直接执行render funcion的减少耗时
  • mounted:挂载,挂载后$el就是渲染后的<div>123</div>,挂载前后中间执行render funcion
  • beforeUpdated:更新前,数据变化
  • updated:更新
  • beforeDestroy:销毁前,组件被销毁,或手动销毁
  • destroy:销毁

注:

挂载前的钩子里获取不到el的,想对如data中的数据进行操作最早要在created里;
一般在createdmounted钩子里写一些页面渲染前的操作,比如数据请求;
有些传统的第三方库在使用后需要在组件销毁时手动删除其创建的对象在destroy

<!--more-->

没有代码

最后附上一张以前看到的一张图
生命周期表.png

转载地址:http://uxdja.baihongyu.com/

你可能感兴趣的文章
[20180423]关于rman备份的问题2.txt
查看>>
Ngers天气——开发进程1
查看>>
360 开源企业级 Kubernetes 多集群管理平台 Wayne
查看>>
3000通电话培养出一个性格分析专家,阿里“柔军”是这样养成的
查看>>
MySql创建索引的技巧
查看>>
Edit Control控件操作问题
查看>>
转载:APP的上线和推广&mdash;&mdash;线上推广渠道
查看>>
开启脑洞模式,一个关于安保无人机的未来构想
查看>>
linux常用命令
查看>>
SpringCloud学习之sleuth&zipkin【二】
查看>>
为了保障乘客权益,英国专门发布了新的自动驾驶新的保险法规
查看>>
服务(2)====一个lamp的脚本以及基于lamp安装wordpress
查看>>
IDC:预计2018年全球物联网支出将达7725亿美元
查看>>
中文版svn插件+MyEclipse插件
查看>>
Exchange 2013诡异问题解决过程分享
查看>>
Apple Watch 2猜测汇总:或明年上市 或新增摄像头
查看>>
zabbix----4-----监控mysql
查看>>
打造属于自己的设计模式
查看>>
RHEL 6.5 安装 grid 报错:缺少 libcap.so.1
查看>>
Entity Data Model (EDM) 深入分析, Part 1
查看>>