definePropsRefs

稳定性: 稳定

从 defineProps 中将返回 refs 而不是 reactive 对象，可以在不丢失响应式的情况下解构 props。

toRefs(defineProps()) => definePropsRefs()

特性	支持
Vue 3	✅
Nuxt 3	✅
Vue 2	✅
TypeScript / Volar Plugin	✅

基本用法

<script setup lang="ts">
// ✅ 解构不丢失响应式
const { ,  } = <{
  : string
  : number
}>()

.(., .)
</script>

默认值

<script setup lang="ts">
import {  } from 'unplugin-vue-macros/macros'

const {  } = (
  <{
    ?: string
  }>(),
  { : 'test' },
)

.(.value)
</script>

Volar 配置

// tsconfig.json
{
  "vueCompilerOptions": {
    "target": 3,
    "plugins": [
      "@vue-macros/volar/define-props-refs",
      // ...更多功能
    ],
  },
}

贡献者

Kevin Deng

页面历史

最后编辑于 3 天前

查看完整历史

f278f9a-docs: add rspack + vue 2 demo