vue 父子组件生命周期顺序
2018-07-03 本文已影响0人
钱英俊真英俊
父组件在mounted的时候获取数组传参给子组件,发现数据没有传过去,
结论: 父组件的mounted在子组件的mounted之后
console.log
测试
![](https://img.haomeiwen.com/i11897792/50d7ea009fd51934.png)
顺序: 父组件beforeCreate => 父组件created => 父组件beforeMount => 子组件beforeCreate => 子组件created => 子组件 beforeMount => 子组件mounted => 父组件mounted => 父组件beforeDestroy => 子组件 beforeDestroy
挂载时子组件先于父组件,销毁前父组件先于子组件
data 在beforeCreate后运行
computed依据调用顺序而定
watch $route 运行在子组件的beforeCreate之前,router-afterEach之后
![](https://img.haomeiwen.com/i11897792/a35f87b0e322388a.png)
![](https://img.haomeiwen.com/i11897792/98d10ca54983183b.png)