为什么在onBeforeMount中声明的变量无法在<script setup>主代码段访问？

这个报错和Vue生命周期、挂载时机没有任何关系，是标准的JavaScript作用域规则导致的：

• 使用let/const声明的变量遵循块级作用域规则，仅在声明所在的{}代码块内部可访问。你代码里的allNotes是在onBeforeMount的回调函数内部声明的，作用域被限制在这个回调函数的代码块里，外部的hello函数天然没有访问这个变量的权限。
• JavaScript采用词法（静态）作用域，变量的可访问范围在代码书写阶段就已经确定，和代码的执行顺序无关。哪怕onBeforeMount的回调早于hello执行，也不会改变作用域规则。

把allNotes的声明放到<script setup>的顶层作用域，在生命周期钩子里仅做赋值操作即可：

<script setup lang="ts">
// 顶层声明，整个setup作用域都可以访问
const allNotes = ref([])

const hello = () => {
  let a = [... allNotes.value]
}

onBeforeMount(() => {
  // 生命周期内仅做赋值初始化
  allNotes.value = []
})
</script>

内容的提问来源于stack exchange，提问作者WoJ