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