Vue2.0生命周期--补习

说明

因为自己对Vue生命周期老忘,对有些钩子不是很常用,所以特意再温习一遍,顺便更新文章~借鉴了一位兄台的总结。

一张图

vue生命周期.png

一段代码




    
    



{{ message }}

一些说明

  • beforecreated:el 和 data 并未初始化
  • created:完成了 data 数据的初始化,el没有 ,可以进行和后台数据的请求,之后一起渲染DOM,如果请求的数据跟DOM没啥关系,可以放到mounted中(但是请求是异步,所以体验可能也还好)
  • beforeMount:完成了 el 和 data 初始化,未挂载
  • mounted :完成挂载
  • beforeDestroy:整个Vue实例都在,可以进行正常的操作,但是函数执行完,就将全部销毁
  • destroyed:vue实例销毁,什么都干不了了

原文链接:Vue2.0 探索之路——生命周期和钩子函数的一些理解

你可能感兴趣的:(Vue2.0生命周期--补习)