Vue3-新特性defineOptions和defineModel

defineOptions

问题：用了

defineModel

实验型，快速实现双向绑定，简化v-model

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

//相当于

我们需要先定义props，再定义emits。其中有许多重复的代码。如果需要修改此值，还需要手动调动emit函数

父组件：

子组件：

使用defineModel改进后的子组件：

因为这是实验型，所以还需要配置一些东西才能生效

打开vite.config.js文件加入以下语句：

    {
      script: {
        defineModel: true
      }
    }

写完后，需要重新启动这个项目才能生效