hoistStatic

稳定性: 稳定

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

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

特性	支持
Vue 3	✅
Nuxt 3	✅
Vue 2	✅

基本用法

<script setup lang="ts"> const name = 'AppFoo' defineOptions({  name, }) </script>

编译后的代码

<script lang="ts"> const name = 'AppFoo' export default {  name, } </script>

魔法注释

<script setup lang="ts"> // 一个甚至不是常量的值 const name = /* hoist-static */ fn() defineOptions({  name, }) </script>

编译后的代码

<script lang="ts"> const name = fn() export default {  name, } </script>