Vue3 ＜script setup＞是什么？作用？

结论先行：

 ② 属性和方法无需返回，可以直接使用。

不需要写 return，直接声明数据就可以在模板中使用了。 因为已经在

 ③ 引入组件的时候，会自动注册，无需通过 components 手动注册。

④ 使用 defineProps 接收父组件传递的值。

defineProps 是 Vue3 的一个宏函数，使用时可不导入，参数与 Vue2 的 props 选项相同。

defineProps 返回的 props 对象，是一个响应式 proxy 对象，特性与 reactive 基本相同。但是，定义的 props 对象的值是只读的，而且可以在模板中直接使用属性。

⑤ useAttrs 获取属性，useSlots 获取插槽，defineEmits 获取自定义事件，defineExpose 对外暴露

 useAttrs：接收父组件传递的属性和事件；

在组件中可以直接使用这些属性和事件，无需在 props 和 emits 中声明。在模板中就可以直接使用它们。

与 defineProps 相比，useAttrs 的优先级较低。

useAttrs 能够接收到所有属性，但不能够对接收到的属性进行类型校验和默认值设置。

defineEmits：父组件向子组件传递函数； 

defineExpose：可以将子组件中的属性和方法暴露给父组件

默认不会对外暴露任何属性和方法

父组件：

子组件：