<script setup>与<script type="module">

<script setup> 和 <script type="module"> 都是 JavaScript 在 Vue 3 中的新增特性。

<script setup> 是一个新的 SFC 语法，可以让我们在组件中使用更简洁的代码来声明 props、data、computed 等属性，而不需要使用传统的 Vue 选项声明方式。同时，<script setup> 还可以自动推导 props 类型和默认值，减少了我们的重复劳动。

<script type="module"> 是用于声明 ES6 模块的标签，在 Vue 3 中也可以用于组件中，它可以让我们在组件内使用 import 和 export 语句来导入和导出模块，使得组件化开发更加方便。

需要注意的是，<script setup> 和 <script type="module"> 可能会影响到组件的编译和性能，因此需要根据具体情况进行选择使用。例如，<script setup> 相对于传统方式，可能会产生更多的中间变量和响应式对象，导致内存占用增加；而 <script type="module"> 则需要浏览器支持 ES6 模块，如果需要兼容性，可能需要使用打包工具进行转换。