虽然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 用来声明触发的事件表。