您现在的位置是：网站首页> 编程资料编程资料
vue3:setup语法糖使用教程_vue.js_
2023-05-24
222人已围观
简介 vue3:setup语法糖使用教程_vue.js_
1.setup语法糖简介
直接在script标签中添加setup属性就可以直接使用setup语法糖了。
使用setup语法糖后，不用写setup函数；组件只需要引入不需要注册；属性和方法也不需要再返回，可以直接在template模板中使用。
2.setup语法糖中新增的api
- defineProps：子组件接收父组件中传来的props
- defineEmits：子组件调用父组件中的方法
- defineExpose：子组件暴露属性，可以在父组件中拿到
2.1defineProps
父组件代码
子组件代码
{{numb}}
2.2defineEmits
子组件代码
{{numb}}
父组件代码
2.3defineExpose
子组件代码
子组件中的值{{numb}}
父组件代码
补充：与普通的script一起使用
总结
到此这篇关于vue3:setup语法糖使用的文章就介绍到这了,更多相关vue3:setup语法糖内容请搜索以前的文章或继续浏览下面的相关文章希望大家以后多多支持！
您可能感兴趣的文章:
