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

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

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

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

clipboard.png

阅读 16.8k
3 个回答

钩子就好像是把人的出生到死亡分成一个个阶段,你肯定是在出生阶段起名字,而不会在成年或者死亡的阶段去起名字。或者说你想在出生阶段去约炮,也是不行的。组件也是一样,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当前组件已被删除,清空相关内容

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题
宣传栏