vue父组件异步数据子组件接收遇到的坑

 大家都知道父组件给子组件传值，子组件给父组件传值，两者通信并不难，官网上也有给案例，但是如果子组件想拿到父组件的异步数据，常规的写法是不行的，下面我记录我常用的两者写法；

方法1：

子组件用v-if，当父组件有数据才渲染；

data里面定义好要传入的对象，默认值可以是空字符串也可以是空对象；

子组件props接收父组件传来的参数，然后就可以用this.echartsData获取父组件的值并且使用了

 

方法2：

子组件用wach，并且加上deep属性，可以直接在handler里面传入在子组件定义好的方法；

 

最后总结一下，为啥在子组件的mounted里面拿不到父组件传过来的异步数据，因为父子组件的加载顺序是这样的，如下图

 

其实很好理解这是我朋友给我的形象的解释

所以说子组件比父组件先mounted，这也就是为啥在子组件的mounted钩子函数里面拿不到父组件传过来的异步数据；

最后，谢谢我的friends wu and teacher yang，以上纯属个人拙见，还望广大网友包涵，如有意见欢迎评论，指出，谢谢

 

转载于:https://www.cnblogs.com/liujingjing/p/10737285.html