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

vue生命周期总结

作者: 海豚先生的博客 | 来源:发表于2020-04-10 12:55 被阅读0次

beforeCreate

  • 实例初始化,可以访问this
  • $data,数据观测 (data observer) 和 event/watcher 事件配置没有完成,无法访问data中的数据,methods中的方法还无法调用,event事件无法使用
  • $el还没有初始化,dom没有挂载,无法访问

created

  • 实例创建完成,可以访问this
  • $data初始化,实例已完成以下的配置:数据观测 (data observer),属性和方法的运算,watch/event 事件回调,此时可以访问data中的数据,可以调用methods中的方法。
  • $el还没有初始化,dom没有挂载,无法访问

mounted

  • $el挂载,可以访问和操作dom
  • 注意 mounted 不会保证所有的子组件也都一起被挂载。如果你希望等到整个视图都渲染完毕,可以在 mounted 内部使用 vm.$nextTick

相关文章

  • 学习链接

    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/qhbiuhtx.html