defineOptions和defineModel

defineOptions

在Vue3.3中新定义引入了defineOptions宏，主要是用来定义Options API的选项。可以在defineOptions定义任意的选项，props，emits，exprose，slots除外（因为这些可以使用defineXXX来做到）

<script setup>
defineOptions({
    name: 'LoginIndex'
})
</script>

<template>
    <div>我是登陆页面</div>
</template>

defineModel

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

v-model="属性值"
// 相当于
:modelValue="属性值" @update:modelValue="属性值=$event"

我们需要先定义props，再定义emits，重复代码很多

defineModel操作方便很多