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的钩子函数总是在当前组件之前执行