[JavaScript知识库] vue 组件通讯

1? 组件通讯除了props 和$emit（）还可以用$refs? $Children $parent

子组件想要获取父组件里面的数据；使用this.$parent

父组件想要获取子组件的数据：$refs , $Children

但是：$refs是获取单个子组件的数据，$Children是获取所有子组件的数据

2 $attrs? 和 $listerens

在子组件获取父组件传给子组件的数据可以使用 $attrs,但是如果子组件内有使用props获取的数据，在$attrs属性中是获取不道到

vv在子组件标签中必须使用 v-bind 绑定不能使用：

<el-button v-bind="$attrs" v-on=""><el-button/>

$listerens 是组件实列自身的一个属性，可以拿到父组件给子组件的一个点击事件

在子组件标签中必须使用 v-on不能使用@

<el-button? v-on="$listerens "><el-button/>

3.sync属性属性符，也可以实现组件传参

父组件

<Chidren? ?:money='money'? @update:money=money="$emit"/> 没使用sync

<Chidren? ?:money.sync='money'? /> 使用sync

sync:主要做了两件是，1：父组件给子组件传了props，

??给当前子组件传了一个自定义事件：@update:money

子组件：

<body>

</body>

4:v-model:除了可以在标间内使用，也可以在组件上使用

加:2022-07-05 23:27:51 更:2022-07-05 23:28:41

-2025/1/11 11:36:13-

网站联系: qq:121756557 email:121756557@qq.com IT数码