<script setup> 方法调用

<script setup> 方法是Vue 3中引入的一个新特性，它可以简化组件的编写和配置过程。通过使用<script setup>，我们可以在单个标签内同时完成组件的导入、props的声明、响应式数据的定义以及方法的定义等操作。

具体来说，<script setup> 方法调用有以下几个特点：
1. 导入：可以使用import语句导入其他模块或组件。
2. Props声明：可以使用props关键字声明组件的props，并指定其类型和默认值。
3. 响应式数据：可以使用ref或reactive函数定义响应式数据。
4. 方法定义：可以使用函数的方式定义组件的方法。

下面是一个示例代码，展示了<script setup> 方法的使用：

<script setup>
import { ref } from 'vue';

// Props声明
props: {
  msg: String
}

// 响应式数据
const count = ref(0);

// 方法定义
function increment() {
  count.value++;
}
</script>

<template>
  <div>
    <p>{{ msg }}</p>
    <p>Count: {{ count }}</p>
    <button @click="increment">Increment</button>
  </div>
</template>

通过上述代码，我们可以看到在<script setup>中，我们可以集中处理组件的导入、props声明、响应式数据定义和方法定义等操作，使得代码更加简洁和易读。