Vue的生命周期

生命周期让我们在控制整个vue的时候更好的形成逻辑 ,vue生命周期分为四个阶段

一:实例渲染

二:DOM渲染

三:数据更新

四:销毁实例

它分别有八个声明周期

创建前:beforeCreate()只有一些实例本身的事件和生命周期函数

创建后:created()是最早使用data和methods中数据的钩子函数,是最早可以访问data中的数据的钩子函数

挂载前:brforeMount()指令已经解析完毕,内存中已经生成dom树

挂载后:mounted() dom渲染完毕页面和内存数据已经同步,是最早可以获取DOM元素的钩子函数

更新前:beforeUpdate()当data的数据发生改变时会触发这个钩子,内存中的数据是新的,但是页面是旧的

更新后:updated()当data的数据发生改变时会触发这个钩子,这时页面与内存都是新的

销毁前:berforeDestroy()当组件销毁时会触发这个钩子,即将销毁的data和methods中的数据此时还是可以使用的,可以做一些释放内存的操作

销毁后:destroyed()当组件销毁时会触发这个钩子,已经销毁完毕

你可能感兴趣的:(vue.js,javascript,前端)