Vue3：组件间通信-$refs和$parent的使用

一、情景说明

我们在之前，学习了Vue3：标签的ref属性用法
我们知道，父组件中，给子组件使用ref标记后，获取到的是，子组件实例。
那么，我们就可以修改子组件实例暴露的变量值。

与之对应的是，子组件获取父组件的实例，从而修改父组件的变量值。

所以，这也可以理解为父子组件之间通信，更准确的说是，父子组件间修改数据。

父组件批量修改多个子组件数据：$refs
子组件修改父组件数据：$parent

二、案例

1、$refs用法

父组件
模板代码：参数$refs

		<button @click="getAllChild($refs)