Vue(16)——Vue3.3新特性

defineOptions

在 Vue 3.3 之前,如果需要在 <script setup> 中设置组件名,通常需要在额外的 <script> 标签中使用 Options API 进行配置。defineOptions 是 Vue 3.3+ 版本中引入的一个宏(macro),它主要用于在 <script setup> 语法糖中定义组件的选项, 如组件名(name)、 透传属性(inheritAttrs)等。defineOptions 允许开发者直接在 <script setup> 中声明组件名。

<script setup>

defineOptions({

name:'LoginIndex'

})

</script>

defineModel

在Vue3中,自定义组件上使用v-model,相当于传递一个modelValue属性,同时触发update:modelValue事件

使用defineModel甚至不用defineProps和defineEmits,使用起来真的很方便 : )

相关推荐
自由日记8 分钟前
css学习9
前端·css·学习
拖拉斯旋风10 分钟前
你不知道的javascript:深入理解 JavaScript 的 `map` 方法与包装类机制(从基础到大厂面试题)
前端·javascript
over69711 分钟前
《JavaScript的"魔法"揭秘:为什么基本类型也能调用方法?》
前端·javascript·面试
该用户已不存在15 分钟前
AI编程工具大盘点,哪个最适合你
前端·人工智能·后端
胖虎26524 分钟前
基于 Vue3+TypeScript+Vant 的评论组件开发实践
vue.js
一头小鹿28 分钟前
【React Native+Appwrite】获取数据时的分页机制
前端·react native
冴羽35 分钟前
这是一个很酷的金属球,点击它会产生涟漪……
前端·javascript·three.js
烛阴43 分钟前
为什么 `Promise.then` 总比 `setTimeout(..., 0)` 快?微任务的秘密
前端·javascript·typescript
XiaoSong1 小时前
基于 React Native/Expo 项目的持续集成(CI)最佳实践配置指南
前端·react native·react.js