vue2.xx生命周期

vue2.xx生命周期图
生命周期详解

** 说明：**

beforecreated：el 和 data 并未初始化
created:完成了 data 数据的初始化，el没有
beforeMount：完成了 el 和 data 初始化
mounted ：完成挂载

使用：

beforecreate : 举个栗子：可以在这加个loading事件
created ：在这结束loading，还做一些初始化，实现函数自执行
mounted ： 在这发起后端请求，拿回数据，配合路由钩子做一些事情
beforeDestory： 你确认删除XX吗？ destoryed ：当前组件已被删除，清空相关内容

最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容

  • Vue生命周期
    vue生命周期简介 咱们从上图可以很明显的看出现在vue2.0都包括了哪些生命周期的函数了。 生命周期探究 对于执...
    余生LHX阅读 705评论 0赞 3
  • vue生命周期简介
    vue生命周期简介 图片发自简书App 咱们从上图可以很明显的看出现在vue2.0都包括了哪些生命周期的函数了。 ...
    F_imok阅读 577评论 0赞 1
  • Vue2.0关于生命周期和钩子函数
    Vue生命周期简介： Vue1.0+和Vue2.0在生命周期钩子上的区别还是很大的，如下： 代码验证： <!DOC...
    爱吃白萝卜猫Tonya阅读 525评论 0赞 0
  • Vue 实例中的生命周期钩子
    Vue 框架的入口就是 Vue 实例，其实就是框架中的 view model ，它包含页面中的业务 处理逻辑、数据...
    云中一樵夫阅读 1,102评论 0赞 1
  • 多维
    列表是个好办法，生活的内容和期待被一目了然之后，似乎就已经实现，是否真的做到已经不重要。 自己给自己贴标签是个麻烦...
    wahow阅读 269评论 0赞 0