您的位置:首页 > 产品设计 > UI/UE

Vue实例中的生命周期

2017-07-31 17:54 274 查看
vue生命周期,官网上说的够详细;你在网上搜也是一搜一大片。

在这推荐下面这篇vue生命周期文章:

http://www.cnblogs.com/fly_dragon/p/6220273.html

但是我一直没有弄明白的有以下2点:

Vue的生命周期到底是干什么的。

我在什么时候使用哪个事件钩子

解答时间:

一、Vue的生命周期到底是干什么的?

Vue的生命周期中有多个事件钩子,他能让我们在控制整个Vue实例的

过程时更容易形成好的逻辑。

Vue的生命周期偏于操作数据、保存数据

二、我在什么时候使用哪个事件钩子?

beforecreate : 可以在这加个loading事件,在加载实例时触发

created : 初始化完成时的事件写在这里,如在这结束loading事件,异步请求也适宜在这里调用

mounted : 挂载元素,获取到DOM节点

updated : 如果对数据统一处理,在这里写上相应函数

beforeDestroy : 可以做一个确认停止事件的确认框

nextTick : 更新数据后立即操作dom

此文章会继续更新。。。

内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  vue-js