美文网首页
vue生命周期-总结

vue生命周期-总结

作者: tutututudou | 来源:发表于2022-07-18 14:51 被阅读0次
  • 生命周期指定的数据代理、事件、页面的创建过程

常用的2个构造

mounted

  • 拿到DOM(页面)前做些准备的事情
    请求网络,开启定时器,自定义事件,订阅发布,Ajax网络请求

Destrory

不确定发生的事,就在destroy里面写要取消的东西
比如取消自定义事件,清除定时器,取消订阅发布
这些都是收尾的工作

  • 注意:
    销毁后vue开发者工具看不到任何东西
    销毁后自定义事件被销毁 ,原生DOM还在,能触发但是数据不更新
    一般不会在beforeDestroy操作数据,操作后不也会走到updated这个节点里

总结

  • beforecreate>>> created>>>beforeMount>>>mounted
beforecreate created beforeMount mounted
数据
方法
页面 有(操作不生效) 有(操作生效)

相关文章

  • 学习链接

    vue-router教程总结 vue生命周期和钩子函数 详解vue生命周期 Vue2.0八——知识点整理 vuex...

  • Vue生命周期及其用法(2019-03-22)

    Vue框架生命周期总结 一、生命周期运行图 二、所有生命周期 三、用法 1.组件创建前 这个阶段主要是完成vue中...

  • vue面试题集

    1. vue生命周期 生命周期总结beforecreate:可以加个loading事件created:在这边可以结...

  • vue生命周期学习

    看了vue好长时间了,总结下vue的生命周期,以备以后查询。 在Vue的整个生命周期中,它提供了一系列的事件,可以...

  • vue生命周期

    一 vue生命周期 Vue的生命周期:就是vue实例从创建到销毁的全过程 二 vue生命周期钩子 vue生命周期...

  • vue生命周期

    vue生命周期详: vue生命周期详解图: vue生命周期详解代码展示:

  • Vue生命周期

    Vue生命周期详解 一、Vue生命周期 与 作用 (生命周期钩子就是生命周期函数) (1)Vue生命周期:每个Vu...

  • vue生命周期分析

    无论是面试也好还是做项目中也好,Vue生命周期钩子函数都是特别重要的;下面是给大家总结的vue生命周期每个钩子函数...

  • 面试前的总结-vue篇

    总结一些vue的面试题吧,为了年后的面试作准备。 vue指令 vue的生命周期 computed 和watch的区...

  • 2020-05-24

    日常知识点总结(vue篇): 1、vue的生命周期: Vue实例从开始创建,初始化数据,编译模板,挂载Dom->渲...

网友评论

      本文标题:vue生命周期-总结

      本文链接:https://www.haomeiwen.com/subject/ncojrrtx.html