vue3根组件的语法格式

代码：

<script setup>
  //import Person from './myComponents/Person.vue';
  let name = '你好，vue3！'
</script>

<template>
  <div class="app">
    <h1>{{name}}</h1>
  </div>
  <Person/>
</template>

<style scoped>
  .app{
    background-color: aquamarine;
    height: 200px;
  }
</style>

说明：

1. 本例采用组合式api方式编写
2. 使用了setup语法糖
3. “Person”组件提前在main.js中进行了全局注册，注释部分如果生效则为局部使用组件