uniapp如何在一个组件里使用多个子组件

在 uniapp 中，你可以在一个组件中使用多个子组件。你可以通过以下步骤实现：

1. 在你的主组件中引入子组件：

<template>
  <view>
    <child-component-1></child-component-1>
    <child-component-2></child-component-2>
  </view>
</template>

<script>
import ChildComponent1 from '@/components/child-component-1.vue'
import ChildComponent2 from '@/components/child-component-2.vue'

export default {
  components: {
    ChildComponent1,
    ChildComponent2
  }
}
</script>

2. 创建子组件并在主组件中引入：

// child-component-1.vue
<template>
  <view>
    <text>我是子组件 1</text>
  </view>
</template>

<script>
export default {
  name: 'ChildComponent1'
}
</script>

// child-component-2.vue
<template>
  <view>
    <text>我是子组件 2</text>
  </view>
</template>

<script>
export default {
  name: 'ChildComponent2'
}
</script>

在主组件中，你可以像使用普通 HTML 标签一样使用子组件。通过在主组件模板中使用子组件的标签名，你可以将子组件插入到主组件中。在上面的例子中，我在 `<template>` 标签中使用了两个子组件：`<child-component-1>` 和 `<child-component-2>`。

注意，在主组件中使用子组件时，你需要将子组件注册到主组件中。在上面的例子中，我在主组件的 `components` 对象中注册了两个子组件：`ChildComponent1` 和 `ChildComponent2`。

通过这种方法，你可以在 uniapp 中使用多个子组件。