vue 父子组件声明周期的执行顺序

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/baidongying/article/details/79572125
App.vue文件,根目录
  created() {
    console.log('APP created')
  },
  mounted() {
    console.log('APP mounted')
  },
MyRepayment 文件,父组件
  created() {
    console.log('父组件 created')
  },
  mounted() {
    console.log('父组件 mounted')
  },
OwnBankList文件 子组件1
  created() {
    console.log('子组件1 created')
  },
  mounted() {
    console.log('父组件1 mounted')
  },
SmsCodeDialog文件 子组件2
  created() {
    console.log('子组件2 created')
  },
  mounted() {
    console.log('父组件2 mounted')
  },
<App>
    <MyRepayment>
        <OwnBankList />
        <SmsCodeDialog />
    </MyRepayment>
</App>

声明周期的执行顺序:
这里写图片描述
总的来说,从创建到挂载,是从外到内,再从内到外,且mixins的钩子函数总是在当前组件之前执行

展开阅读全文

没有更多推荐了,返回首页