+
95
-

vue多级嵌套组件中v-bind=“$attrs“和v-on=“$listeners“有什么用?

请问vue多级嵌套组件中v-bind=“$attrs“和v-on=“$listeners“有什么用?

网友回复

+
15
-

假设componentA调用componentB,而componentB又调用componentC

我们先看看componentA的代码,直接调用componentB,并给componentB传了值name age和 adress。

<componentB
:name="_name"
:age="_age"
:address="_address"
:phone="_phone"
@playBall="_playBall"
@study="_study"
>
而componentB只接受了name和age的传值,componentB 代码如下:
<template>
<div></div>
<componentC />
</template>
<script>
export default {
indeterminate: true,
props: {
name,
age
}

另外ComponentB又调用了ComponentC, 若想在ComponentC获取ComponentA传输过来的没被ComponentB接收的非props数据,则组件ComponentB可以这么写:

<template>
<div></div>
<componentC  v-bind="$attrs" v-on="$li...

点击查看剩余70%

我知道答案,我要回答