Vue实例中的生命周期

来源:互联网 发布:爱编程 微信小程序 编辑:程序博客网 时间:2024/05/17 04:39

vue生命周期,官网上说的够详细;你在网上搜也是一搜一大片。
在这推荐下面这篇vue生命周期文章:
http://www.cnblogs.com/fly_dragon/p/6220273.html

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

  1. Vue的生命周期到底是干什么的。
  2. 我在什么时候使用哪个事件钩子

解答时间:

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

  1. Vue的生命周期中有多个事件钩子,他能让我们在控制整个Vue实例的
    过程时更容易形成好的逻辑。
  2. Vue的生命周期偏于操作数据、保存数据

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

  1. beforecreate : 可以在这加个loading事件,在加载实例时触发
  2. created : 初始化完成时的事件写在这里,如在这结束loading事件,异步请求也适宜在这里调用
  3. mounted : 挂载元素,获取到DOM节点
  4. updated : 如果对数据统一处理,在这里写上相应函数
  5. beforeDestroy : 可以做一个确认停止事件的确认框
  6. nextTick : 更新数据后立即操作dom

此文章会继续更新。。。