uniapp父向子传值

在uni-app中，父组件向子组件传值有几种方式可以实现。

1. 使用props属性：在父组件中通过props属性将数据传递给子组件。在子组件中，通过props接收传递过来的值并使用。

父组件示例：

<template>
  <child-component :propName="data"></child-component>
</template>

<script>
export default {
  data() {
    return {
      data: 'Hello, World!'
    };
  }
}
</script>

子组件示例：

<template>
  <div>{{ propName }}</div>
</template>

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

2. 使用provide/inject API：在父组件中通过provide提供数据，然后在子组件中通过inject来注入数据。

父组件示例：

<template>
  <child-component></child-component>
</template>

<script>
export default {
  data() {
    return {
      data: 'Hello, World!'
    };
  },
  provide() {
    return {
      propName: this.data
    };
  }
}
</script>

子组件示例：

<template>
  <div>{{ propName }}</div>
</template>

<script>
export default {
  inject: ['propName']
}
</script>

以上是两种常用的父向子传值的方法，你可以根据具体的场景选择适合的方式来实现。