defineProps
稳定性:
稳定
使用 $defineProps
可以正确地解构 props
的类型
参见 Vue issue, Reactivity Transform RFC.
特性 | 支持 |
---|---|
Vue 3 | ✅ |
Nuxt 3 | ✅ |
Vue 2 | ✅ |
TypeScript / Volar Plugin | ✅ |
WARNING
在开始之前,你必须先开启 响应性语法糖
基本用法
vue
<script setup lang="ts">
const { foo } = $defineProps<{
foo: string[]
}>()
const fooRef = $$(foo)
</script>
Volar 配置
jsonc
{
"vueCompilerOptions": {
"plugins": ["@vue-macros/volar/define-props"],
},
}