vue父子组件传值ref

在Vue中，可以使用 `ref` 属性来获取组件或元素的引用。父组件可以通过这个引用来访问子组件的属性和方法。

在父组件中使用 `ref` 属性来获取子组件的引用，然后就可以通过这个引用来访问子组件的属性和方法了。例如：

<!-- 子组件 -->
<template>
  <div>
    <p>{{ message }}</p>
  </div>
</template>

<script>
export default {
  props: ['message']
}
</script>

<!-- 父组件 -->
<template>
  <div>
    <child ref="myChild" :message="msg"></child>
  </div>
</template>

<script>
import Child from './Child.vue';

export default {
  components: {
    Child
  },
  data() {
    return {
      msg: 'Hello, World!'
    };
  },
  mounted() {
    console.log(this.$refs.myChild.message);
  }
}
</script>

在上面的例子中，父组件使用 `ref` 属性来获取子组件的引用，并将 `message` 属性传递给子组件。在父组件的 `mounted` 钩子函数中，可以通过 `this.$refs.myChild` 来访问子组件的属性和方法。