vue3 + vite使用buildProps

在Vue3中，`buildProps`是一个特性，它允许你在组件内部声明哪些props会被直接转换成组件实例的响应式属性，即数据劫持会生效。这通常用于处理那些不需要深度监听、可以直接绑定到DOM的简单值，比如布尔值、数字、字符串等。

`buildProps`需要配合Vite使用，因为Vite通过TS插件支持对 Vue 组件类型的声明，包括 props。当你在`.vue`文件中引入`<script setup>`语法，并使用`defineBuildProp`来声明`buildProps`，Vite会在编译过程中生成相应的访问者模式（proxy），以实现实时更新视图的效果。

例如，在`.vue`文件中：

<script setup>
import { defineComponent, defineBuildProp } from 'vue'

// 宣告 buildProps
const { prop: visible, type: BooleanType } = defineBuildProp('visible')
</script>

<template>
  <div v-if="visible">
    <!-- 元素将会根据 visible 的变化而显示或隐藏 -->
  </div>
</template>