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

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

create 和 mounted 相关

咱们在chrome浏览器里打开,F12console就能发现

beforecreated:el 和 data 并未初始化 created:完成了 data 数据的初始化,el没有beforeMount:完成了 el 和 data 初始化 mounted :完成挂载

另外在标红处,我们能发现 el 还是 {

{message}},这里就是应用的 Virtual DOM(虚拟Dom)技术,先把坑占住了。到后面mounted挂载的时候再把值渲染进去。

update 相关

这里我们在 chrome console里执行以下命令

app.message= 'yes !! I do';

下面就能看到data里的值被修改后,将会触发update的操作。

destroy 相关

有关于销毁,暂时还不是很清楚。我们在console里执行下命令对 vue实例进行销毁。销毁完成后,我们再重新改变message的值,vue不再对此动作进行响应了。但是原先生成的dom元素还存在,可以这么理解,执行了destroy操作,后续就不再受vue控制了。

 当然,还有更多,继续探索中......

写在最后

本文是一个vue的生命周期的理解,如有错误还请大牛指正,让小子也有得进步。

如果对你有所帮助,那是我最大的荣幸。

对了,兄台,对你有帮助的话不妨点个关注再走。

 

转载于:https://www.cnblogs.com/yuerdong/p/8512667.html

你可能感兴趣的文章
Sql日期时间格式转换
查看>>
20个最强的基于浏览器的在线代码编辑器 - OPEN资讯
查看>>
Tesseract——OCR图像识别 入门篇
查看>>
《Java程序性能优化》之设计优化
查看>>
Android源代码下载方法具体解释
查看>>
虚拟机 搭建LVS + DR + keepalived 高可用负载均衡
查看>>
maven 发布到仓库
查看>>
Android实现简单短信发送器
查看>>
Linux命令执行顺序— ||和&&和; 比较
查看>>
第30周一
查看>>
一、Bitmap的recycle问题
查看>>
DHCP Option 60 的理解
查看>>
android中的textview显示汉字不能自动换行的一个解决办法
查看>>
程序局部性原理感悟
查看>>
js中document.write()使用方法
查看>>
随机生成50个字段的elasticsearch的测试程序输入
查看>>
如何使用流量精灵刷网站流量
查看>>
使用AutoMapper 处理DTO数据对象的转换
查看>>
java使用POI获取sheet、行数、列数
查看>>
js 调用 oc 的解释
查看>>