vue中created和mounted的区别

总结

beforeCreate 创建之前：已经完成了初始化事件和生命周期
created 创建完成： 已经完成了初始化的注册和相应
beforeMount 挂载之前：已经完成了模板的渲染
mounted 挂载之后：已经完成了HTML虚拟化，创建了el节点可以操作dom
beforeDestory 摧毁之前： 整个vue都处在实时监控渲染和更新
destoryed 已经摧毁：已经摧毁了观察者，子元素和事件监听

数据初始化一般放到created里面，这样可以及早发送请求获取数据，如果有依赖dom必须存在的情况，就放到mounted（）{this.$nextTick(()=>{})}里面

vue是异步执行dom更新的，一旦观察到数据变化，vue就会开启一个队列，然后把在同一个事件循环当中观察到数据变化的watcher推送进这个队列。如果这个watcher被触发多次，只会被推送到队列溢出。这种缓存行为可以有效的去掉重复数据造成的不必要的计算和dom操作。而在下一次事件循环时，vue会清空队列，并进行必要的dom更新。

created在模板渲染成html前调用，此时的data已经准备完毕，el仍然是underfined，因此没有渲染成html，所以不能操作dom节点，它主要用来初始化一些数据；

即使created中的方法没有执行完，mounted也会被调用

mounted在模板渲染成真实的html之后调用的，此时data，el都已经准备好了，可以操作html的dom节点，可以通过id之类的查找元素，也可以加载一些组件等。

挂载到阶段上的初始化方法通常用mounted去操作，主动调起的用methods里面封装方法