vue2跨组件传值、透明传输($attrs 和 $listeners )

当在 Vue.js 组件中使用 $attrs 和 $listeners 时,它们提供了一种方便的方式来处理传递给组件的属性和事件监听器。

1.$attrs 是一个对象,包含了父组件传递给当前组件但未被当前组件声明的 props。这对于实现“透明传输”非常有用。

2.$listeners 也是一个对象。它包含了父组件传递给当前组件的所有事件监听器。

示例:

  往下传值:$attrs

  爷组件:

  父组件:

 

子组件  :

往上传值:

爷组件:

父组件: 

 

子组件:
 

猜你喜欢

转载自blog.csdn.net/qq_36657291/article/details/131656768
今日推荐