vue 生命周期

vue 生命周期

~组件生命周期钩子和实例的是一样的

:beforeCreate =创建前

:created创建后

:beforeMount 挂载前

: mounted挂载后

:beforeUpdate 更新前

: Updated更新后

:beforeDestroy销毁前

:Destroyed销毁后

组件生命周期钩子和实例的是一样的

生命周期函数：

beforeCreate()在这个生命周期函数上只有一些实例本身的事件，在这个钩子上自定义的一系列东西都是不可用的 undefined

created()在这个生命周期函数上自定义的属性和事件都是可以用的了，也就是说它最早可以操作data中数据的函数了

beforeMount()在这个生命周期钩子中已经在内存中编译好dom树，但是还没有渲染到页面上 此时指令已经被解析

null

mounted()已经将内存中的dom树渲染到页面上，最早操作dom元素

 <h1 id="box">ssssss</h1>

运行阶段（会被执行0次到n次 0次 data没有改变）

beforeUpdate() 内存中的数据已经改了 页面没有改

还是zhangshan

updated() 页面和内存已经同步了

lisy

beforeDestroy() 当对象或者组件被销毁的时候调用，这个钩子上data和其他的事件还是可以用 清楚定时器 释放内存

destroyed() 当组件已经被销毁完毕的时候被调用 什么都用不了了