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

相关推荐
zpjing~.~5 分钟前
CSS 过渡动画效果
前端·css
Senar9 分钟前
机器学习和前端
前端·人工智能·机器学习
GISer_Jing11 分钟前
React基础知识(总结回顾一)
前端·react.js·前端框架
我叫czc38 分钟前
【Python高级366】静态Web服务器开发
服务器·前端·python
温轻舟44 分钟前
前端开发 -- 自动回复机器人【附完整源码】
前端·javascript·css·机器人·html·交互·温轻舟
赵大仁1 小时前
深入解析 Vue 3 的核心原理
前端·javascript·vue.js·react.js·ecmascript
张小虎在学习1 小时前
JS 数组创建、访问、常用方法
javascript
张小虎在学习1 小时前
JS 三种添加元素的方式、区别( write、createElement、innerHTML )
javascript
csstmg1 小时前
记录一次前端绘画海报的过程及遇到的几个问题
前端
bidepanm1 小时前
Vue.use()和Vue.component()
前端·javascript·vue.js