$attrs及$listeners属性使用场景

在进行组件通信时,经常会遇到这样的需求:
父组件A给子组件B传值,B组件又继续传递给C,最终执行的是C。
也就是说,B只是中间起了传递作用,啥也没干。
如果是这样的需求,按父子组件的通信的规则,B得接收信息,并继续传递,对B组件来说是冗余;而用vuex呢?那更是大材小用杀鸡用牛刀了。
那咋办呢?如何能快速达到目的、而且代码不拖沓?
$attrs和$listeners就派上了用场。
父组件Father.vue:






子组件myInput.vue:






孙子组件subChild.vue:






最终执行的是subChild.vue。


demo.png

你可能感兴趣的:($attrs及$listeners属性使用场景)