exportProps
稳定性:
实验性
⚠️ 实验性功能,风险自负在 Vue 中使用 Svelte 风格声明 props
。
特性 | 支持 |
---|---|
Vue 3 | ✅ |
Nuxt 3 | ? |
Vue 2 | ✅ |
Volar Plugin | ✅ |
前置条件
要使用此功能,需要 Reactivity Transform, 但在 Vue Macros 中已经默认启用。
export let
将编译为 defineModel
,该功能在 Vue 3.4+ 中受支持。
用法
使用导出语法来声明 props
。
vue
<script setup lang="ts">
export let foo: string
export const bar: number = 1 // 带有默认值
</script>
Volar 配置
jsonc
{
"vueCompilerOptions": {
"plugins": ["unplugin-vue-macros/volar"],
},
"vueMacros": {
"exportProps": true,
},
}