生命周期

生命周期简介

 什么是生命周期

在vue创建,运行,销毁的过程,会伴随着各种各样的事件,这些事件就是生命周期

各种各样的事件 -> 就是函数 ->会在特定的时候自动执行 -> 钩子函数

beforeCreate() 函数

触发时机:vue实例刚刚在内存中创建完成的时候自动触发该方法

但是还乜有data 和 methds

create()函数

实例已经在内存中创建完成,此时的data和methods已经被初始化,但是没有编译模板,没有开始渲染html代码

mount(挂载) 渲染

beforeMount()函数

此时已经完成模板的编译,但是还乜有把数据挂载(渲染)到页面上

mounted() 函数

此时已经将数据渲染到页面上了

beforeUpdate() 更新

状态更新之前,此时data里边的数据是新的,但是页面上是旧的,没有将修改的数据渲染到html页面上

updated()  函数

状态已经更新,data和页面上的数据都是新的

beforeDestroy() 把上要销毁,但是实例还能用

destroyed() 已经销毁,实例不存在了

注意 : 声明周期函数也可以出现在组件中