Vue生命周期

每个Vue实例被创建时都需经过一系列周期过程。

• BeforeCreate: 此时组件实例将要被创建，此时无法访问data中的数据和methods中的方法。
• Created: 组件实例创建完成，此时可访问data数据和methods方法，但不能操作DOM，此时页面还未加载成功。
• BeforeMount: 组件实例将要被挂载，页面呈现的是未经Vue编译的DOM结构，因此对DOM的操作都不生效。
• Mounted: 此时页面已经过Vue编译DOM结构，对DOM的操作有效。
• BeforeUpdate: 数据已更新，但没有应用到DOM中，页面上展示的还是旧数据，即当前阶段数据和页面未保持同步。
• Updated: 根据新的数据已生成新的虚拟DOM，随后与旧的虚拟DOM作比较，最终完成页面更新。
• BeforeDestroy: 此时的data、method、指令都还可以使用，准备进入销毁过程。
• Destroyed: 组件已销毁完成。