Vue实例生命周期,实例创建,运行,销毁

vue实例生命周期:
vue实例创建,运行,销毁
实例创建:var vm = new Vue({})—>初始化后执行beforeCreate()先于data{}和methods{}。—>如果想先执行这俩内的方法或者数据可使用created()中操作---->执行Vue模板,渲染于内存中未渲染于页面,执行beforeMount()渲染到内存—>内存中的模板渲染到页面,mounted()渲染到页面,实例创建完成。
实例运行:当数据data改变,beforeUpdata()页面不变,数据已经更新---->在内存中渲染新数据DOM树,再渲染到视图层页面,updated()执行时页面已经更新。
实例销毁:执行beforeDestroy()进入销毁阶段,实例中的data{}和methods{}仍然可用。---->Destroy()运行时,组件已经完全销毁,内部所有都不可用。

生命周期函数(钩子函数):
beforeCreate()初始化
created()先执行这俩内的方法或者数据
beforeMount()渲染到内存
mounted()渲染到页面
beforeUpdata()页面不变,数据已经更新
updated()执行时页面已经更新
beforeDestroy()进入销毁阶段
Destroy()运行时组件已经完全销毁

Vue实例生命周期,实例创建,运行,销毁_第1张图片

你可能感兴趣的:(Vue实例生命周期,实例创建,运行,销毁)