vue3的setup

< script setup>

</ script>是什么意思

<script setup> 是 Vue 3 中一个新的语法特性,它用于定义组件的逻辑。

其主要特征包括:

不需要定义 export default ,组件的逻辑会被暴露为上下文
可以直接使用 defineProps 和 defineEmits 定义 props 和自定义事件
可以直接使用 use 引入组合式 API
无需导入就可以直接使用其他 api,如 ref、reactive 等
例子:
<script setup>
import { ref } from 'vue'

const count = ref(0)

defineProps(['title'])

function increment() {
count.value++  
}

 使组件逻辑的编写更加简洁,不需要导入和导出,直接聚焦在逻辑上,是 Vue 3 推荐的编写组件逻辑的新方式。