-
使用setup语法糖后,不用写setup函数;组件只需要引入不需要注册;属性和方法也不需要再返回,可以直接在template模板中使用。
-
.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