Vue组件 $refs $parent $children 的使用

Vue组件 $refs $parent $children 的使用

$refs

作用: 获取对应组件实例，如果是原生dom，那么直接获取的是该dom。获取之后我们可以使用它的属性和方法。

使用方法：

// 在我们需要获取实例的地方定义ref
<my-component ref="myRef"></my-component>

//  然后我们在js中通过$refs方式获取该实例
this.$refs.myRef

$parent

作用： 获取父组件实例，同样，获取之后我们可以使用它的属性和方法。

使用范围： 该属性只针对vue组件，与js中parentNode还是有区别的。

$parent: 获取父组件实例。

$parent: 获取父节点。

使用方法：

//  父组件中
<template>
    <my-component></my-component>
</template>
<script>
    export