uniapp 创建组件

UniApp 中创建组件有两种方式：

1. 基于 Vue.js 的组件开发方式，可以在 `components` 文件夹下创建 `.vue` 文件来定义组件，然后在需要使用组件的页面中引入注册即可。

例如，创建一个名为 `MyComponent` 的组件，可以在 `components` 文件夹下创建一个名为 `MyComponent.vue` 的文件，然后在需要使用该组件的页面中引入：

<template>
  <div>
    <my-component></my-component>
  </div>
</template>

<script>
import MyComponent from '@/components/MyComponent.vue'

export default {
  components: {
    MyComponent
  }
}
</script>

2. 使用自定义组件方式，可以在 `components` 文件夹下创建 `.js` 文件来定义组件，然后在需要使用组件的页面中引入注册即可。

例如，创建一个名为 `MyComponent` 的组件，可以在 `components` 文件夹下创建一个名为 `MyComponent.js` 的文件，然后在需要使用该组件的页面中引入：

<template>
  <div>
    <my-component></my-component>
  </div>
</template>

<script>
import MyComponent from '@/components/MyComponent.js'

export default {
  components: {
    'my-component': MyComponent
  }
}
</script>