vue3 setup组合API使用

setup取代了原有的export default配置data与methods的使用方式

直接在setup(){

//在这里直接定义

}

中定义要使用的变量常量以及方法即可，同时还有更简便的写法

在script标签中直接加入setup即可省去setup的声明，标签内部直接定义即可。

标签写法如下

<script setup></script>

更多的时候会加入typescript声明

<script lang='ts' setup></script>