vue 父子组件生命周期顺序

父组件在mounted的时候获取数组传参给子组件,发现数据没有传过去,

结论: 父组件的mounted在子组件的mounted之后
console.log测试

顺序: 父组件beforeCreate => 父组件created => 父组件beforeMount => 子组件beforeCreate => 子组件created => 子组件 beforeMount => 子组件mounted => 父组件mounted => 父组件beforeDestroy => 子组件 beforeDestroy

挂载时子组件先于父组件,销毁前父组件先于子组件
data 在beforeCreate后运行
computed依据调用顺序而定
watch $route 运行在子组件的beforeCreate之前,router-afterEach之后
created

mounted
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 单个组件的生命周期 现根据实际代码执行情况分析: 单组件 更新{{dataVar}} 销毁 exportdefau...
    阴魏什么wjl阅读 829评论 0 0
  • 在使用vue一个多礼拜后,感觉现在还停留在初级阶段,虽然知道怎么和后端做数据交互,但是对于mounted这个挂载还...
    情话_2ee5阅读 543评论 0 0
  • vue生命周期简介 图片发自简书App 咱们从上图可以很明显的看出现在vue2.0都包括了哪些生命周期的函数了。 ...
    F_imok阅读 569评论 0 1
  • 一:什么是闭包?闭包的用处? (1)闭包就是能够读取其他函数内部变量的函数。在本质上,闭包就 是将函数内部和函数外...
    xuguibin阅读 9,709评论 1 52
  • vue生命周期简介 咱们从上图可以很明显的看出现在vue2.0都包括了哪些生命周期的函数了。 生命周期探究 对于执...
    余生LHX阅读 704评论 0 3