在将模板渲染为html之前调用created: 也就是说，通常在渲染到视图之前初始化特定的属性值。
在将模板渲染为html之后调用mounted: 初始化页完成后，通常会对html的dom节点执行必要的操作。
其实两者很容易理解，通常created的使用次数很多，但mounted通常像插件chart.js的使用： var CTX=document.getelementbyid (id )一样， 在使用某些插件或组件时，通常会有这一步，但如果写入组件，您会发现created无法初始化chart，必须等待此html渲染完成。 mounted是最佳选择。
让我们来看一个例子：
！ 文档类型html
html
头部
meta charset='utf-8 '
meta http-equiv=' x-ua -兼容'内容=' ie=边缘'
标题/标题
脚本src=' https://cdn.boot CSS.com/vue/2.6.10/vue.js ' /脚本
/head
主体
div标识=' wat '。
演示/
/div
脚本
vue.com ponent (演示)、{
data :功能(
返回
name: '，
age: '，
city: ' '
}
(、
模板：
Li id='名称'/Li
Li/Li
丽/丽
/ul `，
将数据初始化到created :函数()//挂接
this.name='自豪的大王'
this.age='25 '
this.city='广州'
varx=文档. getelementbyid (' name ) )。
控制台日志(x.innerhtml； //控制台打印错误
(、
mounted :功能(
varx=文档. getelementbyid (' name ) )。
控制台日志(x.innerhtml； //控制台打印预期的结果
}
)；
var虚拟机=新虚拟机({ (
EL : ' #瓦特'
() )
/脚本
/body
/html