Skip to content

hoistStatic

稳定性: 稳定

通过开启 hoistStatic, 可以在宏内部引用 <script setup> 中的变量

在 Vue >= 3.3 中,此功能将默认关闭。

特性支持
Vue 3
Nuxt 3
Vue 2

基本用法

vue
<script setup lang="ts">
const 
name
= 'AppFoo'
defineOptions
({
name
,
}) </script>
编译后的代码
vue
<script lang="ts">
const name = 'AppFoo'
export default {
  name,
}
</script>

魔法注释

vue
<script setup lang="ts">
const 
fn
= () => 'AppFoo'
// 一个甚至不是常量的值 const
name
= /* hoist-static */
fn
()
defineOptions
({
name
,
}) </script>
编译后的代码
vue
<script lang="ts">
const name = fn()
export default {
  name,
}
</script>

贡献者

The avatar of contributor named as gaokefei gaokefei
The avatar of contributor named as renovate[bot] renovate[bot]
The avatar of contributor named as zhiyuanzmj zhiyuanzmj
The avatar of contributor named as Kevin Deng Kevin Deng

页面历史