您的位置:首页 > 产品设计 > UI/UE

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

2018-03-15 18:36 465 查看
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的钩子函数总是在当前组件之前执行
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  vue 前端 声明周期