从官网上的vue的生命周期图可以看出
-
created:在模板渲染成html前调用，即通常初始化某些属性值，然后再渲染成视图。 -
mounted:在模板渲染成html后调用，通常是初始化页面完成后，再对html的dom节点进行一些需要的操作。
简单来说，mounted的时候，页面已经完成DOM树的构建，可以通过document.getElementById等方法多dom节点进行操作>
如Echarts初始化图标的时候，需要先var charts= document.getElementById(ID);获取到节点,这个时候就会需要写在mounted钩子中，写在created中就会发现报错，无法获取此节点。
执行顺序
嵌套组件中两者的执行顺序不同。
- 父组件 created
- 子组件 created
- 子组件 mounted
- 父组件 mounted
