利用ref指向获取子元素实例

1. ref放在普通标签上，拿到的就是普通标签本身

2. ref放在子组件上，拿到的就是子组件对象

3. -通过这种方式实现子传父（this.$refs.mychild.text）

4. -通过这种方式实现父传子（调用子组件方法传参数）

<template>
  <div>
    <son ref="son" />
  </div>
</template>

<script>
import son from '@/components/SonFile.vue'

export default {
  components: {
    son
  },
  mounted() {
      console.log(this.$refs.son,"我是子组件的实例")
  },
}
</script>