H5W3
当前位置:H5W3 > 其他技术问题 > 正文

vue2.0生命周期钩子该怎么用?

我想问下vue2.0中的生命周期钩子该怎么用?

我不是问怎么理解生命周期钩子,百度上搜的都是这样的答案。

我是想问我们在这些钩子之中分别一般会做一些什么样的操作,比如说以前写js的时候我们方法写在onload在页面加载完之后执行,但是我不是很理解在这些钩子中一般执行什么样的操作,可以干什么,为什么要在这个阶段执行,晚执行一个阶段行不行。。。有例子说明最好,谢谢!

clipboard.png

回答:

钩子就好像是把人的出生到死亡分成一个个阶段,你肯定是在出生阶段起名字,而不会在成年或者死亡的阶段去起名字。或者说你想在出生阶段去约炮,也是不行的。组件也是一样,Vue在实例化一个组件时会在特定的阶段调用特定的方法,调用的这个方法就叫钩子方法,比如Vue在实例化组件之初按顺序调用beforeCreated,created,beforeMounted,mounted,每个阶段组件内部的属性都是不一样的,比如created钩子时视图还没有渲染,就不能做一些dom操作。所以一般特定的钩子做特定的事,比如ajax获取数据就可以在mounted阶段,当然放在created,beforeMounted也是可以的,因为ajax是异步的嘛,ajax之后的回调会放在事件队列的尾部,此时实例化组件整个过程会在ajax回调之前执行完毕。所以ajax操作放在created,mounted里面都是可以的。

回答:

进行加载、摧毁前询问时等场景使用。
beforeCreate 给个loading界面 created撤销loading
beforeDestory 你确认删除XX吗? destoryed当前组件已被删除,清空相关内容

本文地址:H5W3 » vue2.0生命周期钩子该怎么用?

评论 0

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址