搜索

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

vue html5

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

网友回复

假设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%

我知道答案，我要回答

我有问题

私活外包