生命周期钩子

参考文档：https://segmentfault.com/a/1190000008010666

new vue ({

el:" #app ",    // 隐式渲染

data:{massage:'xxx'}

})

beforeCreated : el、data 并未初始化。都为 undefined

created: 完成了 data 数据的初始化，el 未初始化 。data：[object object]  message : xxx,el : undefined

beforeMount: 完成了el data初始化。el：<div><p>{{ message }}</p></div> data：[object object]  message : xxx

此时，这里是虚拟 dom 技术，先占位。到后面 mounted 挂载时再把值渲染进去。

mounted: 完成挂载。el：<div><p> xxx</p></div> data：[object object]  message : xxx