Nuxt3中在<script setup>定义的list为何提示未定义？

安全阿岳

2026-7-7

问题原因

之后删除原来的普通<script>标签即可。

## 方案二：暴露变量给选项式API使用
如果需要保留选项式API的写法，需在<script setup>中通过`defineExpose`把`list`暴露出去，再在选项式钩子中访问：
1. 修改<script setup>代码：
```ts
<script lang="ts" setup>
import { faThList } from '@fortawesome/free-solid-svg-icons';
import { ref } from 'vue';

const props = defineProps({
  items: {
    type: Array,
    required: true,
  },
});

const list = ref(
  props.items.map((item) => ({ ...item, open: false }))
);

// 将list暴露给选项式API
defineExpose({ list });
</script>