vue3中setup 语法糖

在刚刚接触vue3.0的时候我们的setup基本都是这样写的，也必须返回之后模板才能使用变量或者函数

//类型是ts类型
<script lang="ts">
import { defineComponent } from "vue";
export default defineComponent({
  components:{},
  setup(){
    return{
      
    }
  }
})
</script>

后来出现了直接把setup写在script标签里面,这样写的好处很多比如我们不用在返回各种数据模板就可以正常使用，但是有很多东西不能像上面那样使用，详见官网
官网链接：https://v3.cn.vuejs.org/api/sfc-script-setup.html#%E5%9F%BA%E6%9C%AC%E8%AF%AD%E6%B3%95