vue3中setup语法糖

setup语法糖帮我们省略了很多代码，真香,前面几篇文章中写法（如需要return ）是之前的过渡版本，有的公司用vue3早的话也会用过，所以也要知道，最新的都是setup语法糖。

<template>
<!-- setup 语法糖 -->
    <p>{{num}}</p>
    <button @click="num++">按钮</button>
</template>

<script lang='ts' setup>
// setup 语法糖加上之后，script之间的代码会被Vue内部自动添加到原先的setup方法中 
import { reactive,toRefs } from 'vue'

let obj = {
  num:20
}
let objRet = reactive(obj);
// 使用toRefs变成响应式
let {num} = toRefs(objRet);

</script>