Vue3.x 不可以使用 <script> 标签引入（ ）。

在 Vue3.x 中，官方推荐采用模块化的方式来组织和管理应用代码，而不是传统的 `<script>` 标签直接引入。Vue3 引入了 ES6 模块化的支持，这使得代码更易于维护、测试和分割加载。使用 `<script>` 标签导入单文件组件 (.vue) 或者通过 `import` 和 `export` 关键字导出和导入模块，已经不再是最佳实践。

以下是 Vue3 中引入组件的常见方法：

1. **单文件组件（.vue 文件）**：

   <!-- components/HelloWorld.vue -->
   <template>
     <h1>Hello, {{ message }}</h1>
   </template>

   <script setup lang="ts">
   import { ref } from 'vue';

   const message = ref('World');
   </script>

2. **使用 ES6 模块**：

   // main.js
   import App from './App.vue';
   import './styles.css';

   Vue.createApp(App).mount('#app');

   // components/App.vue
   export default {
     template: /* ... */,
     setup() {
       // ...
     }
   };