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,使用起来真的很方便 : )

相关推荐
是一碗螺丝粉6 小时前
React Native 运行时深度解析
前端·react native·react.js
Jing_Rainbow6 小时前
【前端三剑客-9 /Lesson17(2025-11-01)】CSS 盒子模型详解:从标准盒模型到怪异(IE)盒模型📦
前端·css·前端框架
爱泡脚的鸡腿6 小时前
uni-app D6 实战(小兔鲜)
前端·vue.js
青年优品前端团队6 小时前
🚀 不仅是工具库,更是国内前端开发的“瑞士军刀” —— @qnvip/core
前端
骑自行车的码农6 小时前
🍂 React DOM树的构建原理和算法
javascript·算法·react.js
北极糊的狐6 小时前
Vue3 中父子组件传参是组件通信的核心场景,需遵循「父传子靠 Props,子传父靠自定义事件」的原则,以下是资料总结
前端·javascript·vue.js
看到我请叫我铁锤7 小时前
vue3中THINGJS初始化步骤
前端·javascript·vue.js·3d
q***25217 小时前
SpringMVC 请求参数接收
前端·javascript·算法
q***33377 小时前
Spring Boot项目接收前端参数的11种方式
前端·spring boot·后端
烛阴7 小时前
从`new()`到`.DoSomething()`:一篇讲透C#方法与构造函数的终极指南
前端·c#