vue3 setup语法糖请注意在script标签里加setup，不用return

虽然Composition API用起来已经非常方便了，但是我们还是有很烦的地方，比如

• 组件引入了还要注册

• 属性和方法都要在setup函数中返回，有的时候仅一个return就十几行甚至几十行

• 不想写啊怎么办

好办，Vue3官方提供了script setup语法糖

只需要在script标签中添加setup，组件只需引入不用注册，属性和方法也不用返回，setup函数也不需要，甚至export default都不用写了，不仅是数据，计算属性和方法，甚至是自定义指令也可以在我们的template中自动获得。

但是这么过瘾的语法糖，还是稍微添加了一点点心智负担，因为没有了setup函数，那么props，emit，attrs怎么获取呢，就要介绍一下新的语法了。

setup script`语法糖提供了三个新的`API`来供我们使用：`defineProps`、`defineEmits`和`useContext

• defineProps 用来接收父组件传来的值props。

• defineEmits 用来声明触发的事件表。

• useContext 用来获取组件上下文context。

父组件

<template>
 ?<div>
 ? ?&