如何比用const更显式声明变量？解决Vue项目IDE隐式声明警告

警告含义 #

这个弱警告是JetBrains系列IDE（GoLand/WebStorm）的Vue语言服务插件的静态检查误判：IDE没有正确关联你在<script setup>中声明的noteNotSaved变量和模板中的引用，误以为你在模板中直接使用了未提前声明的变量，因此提示隐式声明。
实际你的代码逻辑完全符合Vue3规范：<script setup>语法会自动将所有顶层声明的变量、函数暴露给模板使用，所以应用可以正常运行，不存在实际语法错误。

显式声明变量的解决方法 #

你可以通过Vue官方提供的defineExpose编译宏，手动将变量显式暴露给模板，IDE就能正确识别变量声明，消除警告：

<script setup lang='ts'>
(...)
const noteNotSaved = ref(false)
// 显式暴露给模板
defineExpose({
  noteNotSaved
})
(...)
</script>

如果更新IDE的Vue插件到最新版本，也可以解决这类识别误判的问题，无需额外修改代码。

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