vue的生命周期

八大生命周期函数

beforeCreate 创建之前

created 创建完成

beforeMount 挂载之前

mounted 挂载

beforeUpdate 更新之前

updated 更新

beforeDestroy  销毁之前

destroyed 销毁

1、 页面一加载触发哪些生命周期函数

触发了前四个生命周期函数

beforeCreate 创建之前

created 创建完成

beforeMount 挂载之前

mounted 挂载 

创建一个vue实例,在创建之前是一个空的vue对象,只有默认事件个生命周期函数

生命周期在创建之前,没有el元素,没有data属性。

当生命周期执行到创建的时候,依然没有el元素,但是这时候出现了data属性。

生命周期执行到挂载之前,首先我们要判断是否含有el属性,如果没有,我们看一下时候含有$mount()这个手动挂载方法,如果都没有,生命周期结束。如果有$mount('挂载点')生命周期继续执行。出现el属性,我们要先判断是否含有template这个属性,如果有,就直接编译解析成模板,如果有render()这个函数,优先渲染render()函数的内容,如果都没有就把外部的html(outerHTML)作为模板去编译解析。由此可以看出渲染的优先级是render>tempalte属性>outerHTML但是这个时候只是虚拟占位,真实数据并没有渲染,data属性依然存在。

当生命周期挂载完成,视图更新,被data属性所渲染,data数据依然不变。

当数据发生变化,就会触发beforeUpdate和updated

当调用destroy()这个函数方法的时候,执行beforeDestroy  销毁之前,destroyed 销毁这两个函数方法。

 

在created的时候已经含有了data和methods,你可以在created中调用ajax。

我个人习惯在mounted中调用ajax调用,这个时候,虚拟的数据已经替换了真实数据,你调用接口结束之后,可能会操作dom,所以在mounted中调用。

在mounted中我们可以进行大量的异步操作,比如ajax,比如 setTimenOut

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值