Vue的生命周期和钩子函数详解

beforeCreated:

组件实例创建前

特点:在此之前获取不到 data 数据 以及methods 中的方法

created:

组件实例创建后

特点:可以访问data 中的数据 和methods 方法 一般这里写数据接口调用

beforeMount 

挂载前  el:'#app' 还没有挂载到vm 实例上

页面还是上一次展示的页面,此时数据渲染出来的模板已经在浏览器的内存中 ,但是还没有替换到页面上 

mounted 

 挂在后

此时浏览器内存中的dom结构 已经挂载到 el:'#app' 上

beforeUpdata

页面数据更新前的生命周期

特点 此时页面的数据还是修改前的数据,但是data中的数据已经发生更新 

updata 

页面数据已经更新完毕

特点:此时data中的数据已经和页面的数据保持一致 

beforeDestroy 

组件实例销毁前,当前不展示当前组件了,跳转到其他页面了 

destroyed 

组件实例销毁后,当前不展示当前组件了,跳转到其他页面了 

猜你喜欢

转载自blog.csdn.net/Cat_LIKE_Mouse/article/details/121138815