Vue 生命周期详解

beforeCreate:组件实例刚被创建，组件计算属性之前，如data属性（el和data都不存在）

created:组件实例创建完成，但Dom还未生成，$el属性还不存在(data数据初始化完成，但是Dom还没有渲染，el属性不存在)

beforeMount:模板编译/挂载之前（完成了el和data的初始化，Dom已经被渲染）

mounted:模板编译/挂载之后（完成挂载）

beforUpdate:组件更新之前

updated:组件更新之后

beforeDestroy:组件销毁前调用

destroyed:组件销毁后调用

 

作用：

beforeCreate:可以在这里加loading事件

created:在这里结束loading，还可以做一些初始化，实现函数自执行,也可以放一些后端请求

mounted：在这里发起后端请求，拿到数据，对变量进行赋值等操作