生命周期:从vue实例生产开始到vue实例被销毁的过程。
每个 Vue 实例在被创建之前都要经过一系列的初始化过程。例如需要设置数据监听、编译模板、挂载实例到 DOM,在数据变化时更新 DOM 等。同时在这个过程中也会运行一些叫做生命周期钩子的函数,目的是给予用户在一些特定的场景下添加他们自己代码的机会。
Vue生命周期的主要阶段:
- 创建前 beforeCreate(){} vue实例创建阶段,此时不能获取data中的数据
- 创建后 created(){} 创建已经完成,可以获取data中的数据和methods中的方法
- 挂载前 beforeMounted(){} 还未将渲染模板挂载在el#app元素上
- 挂载后 mounted(){} dom已经真实存在 此时页面加载完毕
- 更新前 beforeUpdate(){} 数据改变前
- 更新后 updated(){} 数据修改后
- 销毁前 beforeDestroy(){} 计时器 自定义事件 自定义dom事件的销毁
- 销毁后 destroyed(){}