最近想把老项目升级为vue3语法，一方面是让开发环境从vue2转换到vue3环境，另一方面是为未来重构成vue3做准备

目前已实现成功，以下是环境

• vue 2.7.16
• vue-cli
• webpack 4
• window 11
• node 16.20

升级vue2到2.7

原来项目vue版本是2.6的，查看文档发现vue2.7就支持- Composition API语法了！所以为了走捷径，直接升级2.7.16，那就可以使用了

使用<script setup>

vue3语法是可以使用了，但是更帅气的script setup还用不了

这个时候需要借助第三方插件助我一臂之力了。由于我打包工具是webpack4，因此亲测用unplugin-vue-define-options可以支持，具体用法为：

// vue.config.js
const defineOptions  = require('unplugin-vue-define-options/webpack')

... // 省略代码
    configureWebpack:{
        plugins:[defineOptions()]
    }
...

现在页面就可以使用script setup了