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