5

需求场景: 子组件拿到父组件异步更新数据
通常父组件给子组件传值,子组件给父组件传值,两者通信并不难。
父传子:props
子传父:$emit
但是如果子组件想拿到父组件的异步数据,常规的写法是不行的。网上查找了一下方法,下面我记录我常用的两者写法:

方法一:子组件用watch,并且加上deep属性,可以直接在handler里面传入在子组件定义好的方法(推荐)

父组件:
WechatIMG2.png

子组件:
WechatIMG1.png

方法二:子组件用v-if,当父组件有数据才渲染

父组件:
WechatIMG3.png

子组件:
WechatIMG4.png


AaronYuan
1.5k 声望57 粉丝

代码逻辑很重要