1.setup语法糖简介
直接在script标签中添加setup属性就可以直接使用setup语法糖了。
使用setup语法糖后，不用写setup函数；组件只需要引入不需要注册；属性和方法也不需要再返回，可以直接在template模板中使用。
<my-component @click="func" :numb="numb">
2.setup语法糖中新增的api
defineProps：子组件接收父组件中传来的props
defineEmits：子组件调用父组件中的方法
defineExpose：子组件暴露属性，可以在父组件中拿到
2.1defineProps
父组件代码
<my-component @click="func" :numb="numb">
子组件代码
{{numb}}
2.2defineEmits
子组件代码
{{numb}}
<button @click="onClickButton">数值加1
父组件代码
<my-component @addNumb="func" :numb="numb">
2.3defineExpose
子组件代码
子组件中的值{{numb}}
<button @click="onClickButton">数值加1
父组件代码
<button @click="onClickButton">获取子组件中暴露的值
文章转载自：https://blog.csdn.net/weixin_44439874/article/details/122126954
浙公网安备 33010602011771号