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父子组件生命周期执行顺序及钩子函数的个人理解
- 深入理解Vue父子组件生命周期执行顺序及钩子函数
- vue同步父子组件和异步父子组件的生命周期顺序问题
- 基于VUE评论组件的组件自闭声明周期思考
- Vue.js学习(四):父子组件中的生命周期与钩子函数的调用顺序
- [问题探讨]vue父子组件的生命周期顺序
- vue父子组件中传值
- Vuejs第十篇之vuejs父子组件通信
- vue开发:Vue 非父子组件通信方法(非Vuex)
- vue教程3-05 vue组件数据传递、父子组件数据获取,slot,router路由
- vue-cli 父子组件插头传递 标签slot 应用
- 前端框架vue.js系列(7):父子组件参数变化传递规范
- 父子孙组件的传值说明和 Vue.component 与 new Vue({components:{} })的区别说明
- vue 父子组件通讯
- Vue父子组件传数据
- Vuejs——(10)组件——父子组件通信
- vue.js原生组件化开发——父子组件
- Vue.js 父子组件通讯开发实例
- Jmeter组件执行顺序与作用域
- vue开发:vue2.0父子组件及非父子组件之间的通信方法