父传子uni-appvue2

在uni-app中，父组件可以通过props属性将数据传递给子组件。具体步骤如下：
1. 在父组件中定义一个属性，然后将要传递的值赋给这个属性。
2. 在子组件中通过props属性接收父组件传递过来的值。

举个例子来说明：
父组件中定义一个属性data，并赋值为"Hello, child!"，然后将这个属性传递给子组件child：

// Parent.vue
<template>
  <div>
    <child :data="data"></child>
  </div>
</template>

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

export default {
  components: {
    Child
  },
  data() {
    return {
      data: "Hello, child!"
    };
  }
};
</script>

在子组件child中通过props属性接收父组件传递过来的值：

// Child.vue
<template>
  <div>
    <p>{{ data }}</p>
  </div>
</template>

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

这样，父组件传递的"data"值就可以在子组件中显示了。

来源：组件之间的传参方法
来源：uni中的事件总线
来源：vue3中使用toRefs对解构的对象进行响应