vite 创建使用组件

要在 Vite 中创建并使用组件，您可以遵循以下步骤：

1. 在 src/components 目录中创建您的组件文件，例如 MyComponent.vue。
2. 在 MyComponent.vue 中编写您的组件代码，例如：

<template>
  <div>
    <h1>{{ title }}</h1>
    <p>{{ content }}</p>
  </div>
</template>

<script>
export default {
  name: 'MyComponent',
  props: {
    title: String,
    content: String
  }
}
</script>

3. 在您的页面或另一个组件中使用该组件，例如：

<template>
  <div>
    <MyComponent title="Hello" content="This is my component." />
  </div>
</template>

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

export default {
  name: 'MyPage',
  components: {
    MyComponent
  }
}
</script>

这将在您的页面中渲染 MyComponent 组件，并向其传递 title 和 content 属性。注意在使用组件之前，需要先将其导入并在 components 选项中注册。