Vue实例中的生命周期
2017-07-31 17:54
274 查看
vue生命周期,官网上说的够详细;你在网上搜也是一搜一大片。
在这推荐下面这篇vue生命周期文章:
http://www.cnblogs.com/fly_dragon/p/6220273.html
但是我一直没有弄明白的有以下2点:
Vue的生命周期到底是干什么的。
我在什么时候使用哪个事件钩子
Vue的生命周期中有多个事件钩子,他能让我们在控制整个Vue实例的
过程时更容易形成好的逻辑。
Vue的生命周期偏于操作数据、保存数据
二、我在什么时候使用哪个事件钩子?
beforecreate : 可以在这加个loading事件,在加载实例时触发
created : 初始化完成时的事件写在这里,如在这结束loading事件,异步请求也适宜在这里调用
mounted : 挂载元素,获取到DOM节点
updated : 如果对数据统一处理,在这里写上相应函数
beforeDestroy : 可以做一个确认停止事件的确认框
nextTick : 更新数据后立即操作dom
在这推荐下面这篇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实例生命周期易错点
- Vue.js实例方法之生命周期详解
- vue学习03----vue实例以及生命周期
- 从零开始学 Web 之 Vue.js(三)Vue实例的生命周期
- Vue实例与其生命周期运行机制全解析
- Vue实例生命周期
- 17-Vue实例与生命周期
- 关于Vue实例的生命周期created和mounted的区别
- vue 实例生命周期
- Vue入门系列之Vue实例详解与生命周期
- vue实例以及生命周期
- 关于Vue实例的生命周期created和mounted的区别
- vue实例的生命周期讲解
- 关于Vue实例的生命周期各状态函数(钩子)说明
- vue2.0 关于Vue实例的生命周期
- 第五节:轻松掌握 vue 实例的生命周期
- vue实例的生命周期
- Vue.js 1.x 和 2.0 实例的生命周期的变化
- Vuejs学习系列(十四)---vue实例的生命周期(二)
- vuejs2.0 vue实例的生命周期