vue3组件模板

Vue 3的组件模板与Vue 2的有些许不同，以下是一个简单的Vue 3组件模板：

<template>
  <div>
    <!-- 组件内容 -->
  </div>
</template>

<script>
import { defineComponent } from 'vue';

export default defineComponent({
  name: 'MyComponent',
  props: {
    // 组件属性
  },
  setup(props) {
    // 组件逻辑
  }
});
</script>

<style scoped>
/* 组件样式 */
</style>

在Vue 3中，我们使用`defineComponent`来定义组件，通过`props`来接收外部传入的属性，通过`setup`函数来编写组件逻辑。同时，Vue 3也支持使用`<script setup>`标签来编写组件逻辑，使得组件模板更加简洁。

另外，`<style scoped>`表示该组件样式只在当前组件中生效。