为什么要写这样简单的文章？
使用的时候找了30分钟的方法找到了正确的使用方法，而且百度的时候没有，所以写。 如果有和我一样的人的话，至少写起来没那么难
不同的内部版本
在UE3中，不再构建UMD模块化方法。 为了使代码更冗长，UMD需要支持多种模块化方法。 Vue3将CJS、ESModule和自执行函数的方法打包在单独的文件中。 packages/vue有Vue3的不同内部版本。
1. cjs (两个版本都是包含编译器的完整版本) )。
vue.cjs.js
vue.cjs.prod.js (开发版，代码已压缩) )。
2. global (这四个版本可以在浏览器中直接从scripts标签导入，并在导入后添加全局Vue对象) )。
vue.global.js (包含编译器和运行时的完整版本) )。
vue.global.prod.js (完整版，包括编译器和运行时，这是开发版，代码经过压缩)
vue.runtime.global.js
vue.runtime.global.prod.js
3.browser(4 (四个版本包含esm，浏览器的本机模块方式可以直接导入模块) )。
vue.esm-browser.js
vue.esm-browser.prod.js
vue.runtime.esm-browser.js
vue.runtime.ESM-browser.prod.js
4. bundler (这两个版本没有打包所有代码，只能打包要使用的代码，然后与打包工具配合使用，这会减小Vue的体积) )。
vue.esm-bundler.js
bue.runtime.esm-bundler.js
接下来，以全球为例，
上传代码
单页为Vue {{ state }} const { createApp，reactive，toRefs }=Vue；
const data=reactive({ ((
state: 12
() )
const app=createApp({ ((
setup () }
return {
. (数据) )。
}
}
)；
app.mount('#app ' )；