vue 组件的生命周期

 

（1）beforeCreate ：组件的props、data、methods尚未被创建，都处于不可用状态。

（2）created ：组件的props、data、methods已创建好、都处于可用状态，但是组件的模板机构尚未生成。

（3）beforeMount ：将要把内存中编译好的HTML结构渲染到浏览器中。此时浏览器中还没有当前组件的DOM结构。

（4）mounted：已经把内存中的HTML结构成功的渲染到了浏览器之中。此时浏览器中已经包含了当前组件的DOM结构。

（5）beforeUpdate：数据发生变化后，将要将数据渲染到组件模板结构时触发。

（6）updated:数据发生变化后，已经将变化后的数据渲染到组件模板结构中。

（7）beforeDestroy：将要销毁此组件，此时尚未销毁，组件还处于正常工作状态。

（8）destroyed：组件已经被销毁，此组件在浏览器中对应的DOM结构已被完全移除。