Vue | API 深入理解 $listeners 及 $listeners的使用

239 阅读1分钟

上篇文章说了一下attrs,简单理解,attrs,简单理解,attrs就是孙子组件可以获取到爷爷组件中的属性,关键代码 v-bind="$attrs"

这边文章说一下listeners,如果你理解listeners,如果你理解attrs,name$listeners也好理解

先看官网解释:

image.png

依然有点懵 !!!!!

个人理解:

孙子组件可以获取到爷爷组件中的方法,那么如果爷爷组件中的方法添加了.native修饰符,那再孙子组件中获取不到

依然看例子,有A B C 三个组件,关系如下:

image.png

现在A组件中有两个方法,想要传递给C组件,看代码:

image.png 那么,我们只需要再B组件中,给C组件使用 v-on="$listeners" ,B组件代码:

image.png

C组件代码:

image.png