vue3 祖传孙传递参数

在 Vue 3 中，父组件向子组件传递参数可以通过props实现。以下是一种常见的实现方式：

在父组件中，通过在子组件标签上使用属性来传递参数。例如：

<template>
  <div>
    <ChildComponent :message="parentMessage" />
  </div>
</template>

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

export default {
  components: {
    ChildComponent
  },
  data() {
    return {
      parentMessage: 'Hello from parent component'
    };
  }
};
</script>

在子组件中，可以通过props来接收父组件传递的参数。例如：

<template>
  <div>
    <p>{{ message }}</p>
  </div>
</template>

<script>
export default {
  props: {
    message: String
  }
};
</script>

在子组件中，可以使用`this.message`来访问父组件传递的参数。

这样，父组件就可以将数据通过props传递给子组件了。当父组件的数据发生变化时，子组件也会相应地更新。

如果需要从子组件向父组件传递数据，可以通过自定义事件实现。详情请参考Vue 3官方文档。