Vue 生命周期

生命周期前言

vue 生命周期 是从创建、运行到销毁的一系列过程。也就是 new Vue() 就是生命周期的开始。Vue 实例有⼀个完整的⽣命周期，也就是从开始创建、初始化数据、编译模版、挂载Dom -> 渲染、更新 -> 渲染、卸载 等⼀系列过程，称这是Vue的⽣命周期。vue 有8个钩子函数
vue 生命周期的作用：数据管理 和 DOM渲染

钩子函数

钩子函数 是 Vue 生命周期中每个阶段对外开放让程序员操作 Vue 的 接口，vue 有 8个钩子函数

beforeCreate – 创建前

创建 vue 实例前钩子函数，el（挂载的目标） 和 data 都没有初始化，不能访问 data ，methods

beforeCreate() {
   
	console.log('beforeCreate --- 创建前')
	console.log(this.el) // undefined
}

created – 创建后

实例创建完成之后 vue 钩子函数，data 和 methods 已经初始