在 VueJS 2.x 中使用 "script setup"

Question

<script setup> 是一种编译时语法糖，用于在 VueJS 3.x 中使用的单文件组件 (SFC) 中使用 Composition API。我试图让它在 VueJS 2.x 中工作。 Composition API 可作为单独的模块使用，可以安装在 Vue 2.x 项目中。我安装了这个包，它编译并运行，但我的绑定在输出中没有显示任何内容。即使是最简单的，如：

<script setup>
const msg = 'Hello!'
</script>

<template>
  <div>{{ msg }}</div>
</template>

不在网页上显示任何内容。我是不是遗漏了什么或者它不支持 Vue 2.x 项目？

Answer 1

根据 github 存储库，script setup 不是组合 api 的一部分，实现它是编译器的工作。 You can read more in this Git Issue

有一个包是为实现这个而创建的，您可以找到它 here，但是它没有完全实现规范，而且如果您浏览 repo，它似乎还有一些功能问题。

简而言之，在生产环境中使用它似乎并不值得。