vue中父级与子组件生命周期的先后顺序

这篇博客探讨了Vue中父组件与子组件的生命周期顺序。内容包括Vue的生命周期阶段,具体到views/createrCustormer.vue作为父级组件和components/expressService.vue作为子组件的情况。通过打印日志发现子组件的mounted比父组件的mounted快1毫秒,且子组件在事件处理时触发数据更新,遵循特定的钩子函数执行顺序。
摘要由CSDN通过智能技术生成
1.vue的生命周期

image.png

2.views/createrCustormer.vue为父级
<template>
    <expressService />
  </template>

<script>
import expressService from '@/components/expressService'
export default {
  components: {
    expressService
  },
  beforeCreate() {
    const time = (new Date()).getTime()
    console.group('beforeCreate父级 实例初始化进行数据观测/事件配置', time)
  },
  created() {
    const time = (new Date()).getTime()
    console.log('created父级 实例创建完成', time)
  },
  beforeMount() {
    const time = (new Date()).getTime()
    console.group('beforeMount父级 挂载开始', time)
  },
  mounted() {
    const time = (new Date()).getTime()
    console.log('mounted父级 挂载到实例上', time)
  },
  beforeUpdate() {
    const time = (new Date()).getTime()
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值