vue3中setup使用及其语法糖的用法

1. 使用setup语法糖后，不用写setup函数；组件只需要引入不需要注册；属性和方法也不需要再返回，可以直接在template模板中使用。
   

2. .setup语法糖中新增的api
   defineProps：子组件接收父组件中传来的props

defineEmits：子组件调用父组件中的方法

defineExpose：子组件暴露属性，可以在父组件中拿到

3 setup方法可以接受两个参数：props和context。

props：包含组件的props。它是响应式的，所以你可以使用Vue的toRefs或reactive将其转换为本地响应式引用。

context：是一个普通的JavaScript对象，具有以下属性：

attrs: 包含未在props中声明的属性绑定的对象。
slots: 包含组件的slots的对象。
emit: 用于触发事件的方法。

参考文献： https://www.php.cn/faq/534875.html
https://blog.csdn.net/m0_57236802/article/details/132261550