vue3更新的setup语法糖实例详解

目录

• 前言
• 语法糖用法：
• 语法糖带来的体验
• 一、组件自动注册
• 二、属性及方法无需return
• 三、自动将文件名定义为组件的name属性
• 1、defineProps
• 2、defineEmits
• 3、defineExpose
• 总结

前言

vue3最近更新了一个setup语法糖，这两天才看到，使用起来雀食很甜，特发个帖子记录下

语法糖用法：

// 将 `setup` attribute 添加到 `

语法糖带来的体验

一、组件自动注册

// 无需使用components，引入即注册，起飞有没有

二、属性及方法无需return

// 当使用 `

三、自动将文件名定义为组件的name属性

语法糖提供的API

在 

2、defineEmits

3、defineExpose

如果在父组件中通过ref='xxx’的方法来获取子组件实例， 而且子组件使用了

总结

到此这篇关于vue3更新的setup语法糖的文章就介绍到这了,更多相关vue3 setup语法糖内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！