一.什么是生命周期？ 通俗地说，这是从创建Vue的实例或组件到其消失的一系列过程。 虽然不太严密，但基本上可以理解。 通过一系列的实践，整理现在面临的所有问题，今天记录created和mounted的区别。 2、created和mounted有什么区别？ 官方图解为以下：
从图中看到两个节点。 在模板呈现为html之前调用created: 这意味着通常先初始化特定属性值，然后再渲染到视图中。 在模板渲染为html之后调用mounted: 通常，在初始化页完成后，对html的dom节点执行必要的操作。 其实两者很容易理解，通常created的使用次数很多，但mounted通常像插件chart.js的使用： var CTX=document.getelementbyid (id )一样， 虽然在使用某些插件或使用组件时通常会涉及到这一步，但在写入组件时，您会发现created无法初始化chart，而是需要等待此html呈现完成。 mounted是最佳选择。 让我们看一个例子。 三.例3358 www.Sina.com/viewplaincopyspanstyle=' font-size 336014 px；' VUE.component('demo1'，{data:function ) ) return ) age: '，age: '，city 3360 '，template 3360 ' } created : function ((this.name='无情的枕头) this.age='12'this.city='杭州' varx=document.getelementbyid ) ) mounted:function () varx=document.getelementbyid (' name )//span/从第三个命令盘输出的结果span style=' font-size 33600 }； )； var VM=newvue ({ El : ' # example1' } )/span的输出如下：
可以看出，任何一个都是通过created赋予初始值而成功绘制的。 但是同时看控制台台的话如下。
出现第一个误报是因为实际上找不到id，getelementbyid(id )找不到元素。 这是因为，对于created，视图中的html未渲染，因此如果直接与html的dom节点进行交互，则找不到相关元素，并且您在mounted中。 此时，html
从3https://blog.csdn.net/xdn love me/article/details/78035065