Vue 之mounted和created的区别

从官网上的vue的生命周期图可以看出

• created:在模板渲染成html前调用，即通常初始化某些属性值，然后再渲染成视图。
• mounted:在模板渲染成html后调用，通常是初始化页面完成后，再对html的dom节点进行一些需要的操作。
  简单来说，mounted的时候，页面已经完成DOM树的构建，可以通过document.getElementById等方法多dom节点进行操作>
  如Echarts初始化图标的时候，需要先var charts= document.getElementById(ID);获取到节点,这个时候就会需要写在mounted钩子中，写在created中就会发现报错，无法获取此节点。

执行顺序

嵌套组件中两者的执行顺序不同。

1. 父组件 created
2. 子组件 created
3. 子组件 mounted
4. 父组件 mounted