美文网首页
Vue中组件生命周期调用顺序是什么样的

Vue中组件生命周期调用顺序是什么样的

作者: 时间的溺水者 | 来源:发表于2020-05-28 10:35 被阅读0次
  • 组件的调用顺序都是先父后子,渲染完成的顺序是先子后父

  • 组件的销毁操作是先父后子,销毁完成的顺序是先子后父

接口请求一般放在哪个生命周期中
  • 可以在钩子函数 created、beforeMount、mounted 中进行调用,因为在这三个钩子函数中,data 已经创建,可以将服务端端返回的数据进行赋值。

  • 但是推荐在 created 钩子函数中调用异步请求,因为在 created 钩子函数中调用异步请求有以下优点:

    • 能更快获取到服务端数据,减少页面loading 时间
    • ssr不支持 beforeMount 、mounted 钩子函数,所以放在 created 中有助于一致性
    • 如果想请求之后进行 DOM 操作的话,必须在 mounted 阶段发起请求,dom渲染完毕, 再去请求数据会造成白屏,然后data中定义的数据渲染了 然后请求回来改变了data的数据又渲染了,容易造成造成二次渲染

相关文章

  • vue 面试题2020-05-07

    vue父子组件生命周期调用顺序加载渲染过程 和先序深度遍历顺序有关父beforeCreate-->父create...

  • vue父子组件&继承组件的生命周期

    父子组件的生命周期顺序 父组件app.vue 子组件hello.vue 执行的结果: 结论:父子组件的执行顺序为,...

  • React 组件完整生命周期方法介绍

    组件生命周期 生命周期图谱 挂载 当组件实例被创建并插入 DOM 中时,其生命周期调用顺序如下: construc...

  • vue父子组件的生命周期

    vue中父子组件渲染,子组件更新,至父组件销毁的生命周期钩子函数触发顺序:beforecreate(父)=> cr...

  • Vue生命周期

    1.Vue生命周期概述 生命周期是指vue组件从生到死特定阶段调用的方法. 生命周期钩子 = 生命周期函数 = 生...

  • react生命周期

    一、生命周期 挂载 当组件实例被创建并插入 DOM 中时,其生命周期调用顺序如下: constructor() 如...

  • Vue中父子组件生命周期执行顺序

    Vue中父子组件生命周期执行顺序[https://www.jianshu.com/p/ee215c18614a]

  • 生命周期

    组件生命周期 组件生命周期指的是组件从创建到销毁的过程,在这个过程中的一些不同的阶段,vue会调用指定的一些组件方...

  • React类组件中生命周期函数执行顺序

    一、组件生命周期的执行次数是什么样子的? 二、组件的生命周期执行顺序是什么样子的?假设组件嵌套关系是 App里有p...

  • VUE-4:组件生命周期

    组件生命周期 组件生命周期指的是组件从创建到销毁的过程,在这个过程中的一些不同的阶段,`vue`会调用指定的一些组...

网友评论

      本文标题:Vue中组件生命周期调用顺序是什么样的

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