完全可行，是快速验证和原型开发最直接的方式；vue官方提供开发版和生产版cdn，纯html+cdn场景应选vue.global.js，需注意dom加载时机及仅支持选项式api或手动调用composition api函数。
直接在 index.html 里用 <script></script> 引入 Vue CDN 是否可行？
完全可行，而且是快速验证、原型开发最直接的方式。Vue 官方提供了生产环境和开发环境两个 CDN 地址，区别主要在错误提示和性能提示上：https://unpkg.com/vue@3/dist/vue.global.js（开发版，带警告和调试信息）和 https://unpkg.com/vue@3/dist/vue.global.prod.js（生产版，无警告、体积更小）。开发阶段建议用前者，能及时看到响应式失效、模板语法错误等提示。
vue.global.js 和 vue.esm-browser.js 该选哪个？
对纯 HTML + CDN 场景，只认 vue.global.js。它把 Vue 挂在全局 window.Vue 上，你才能用 Vue.createApp()；而 vue.esm-browser.js 是为原生 ES 模块环境设计的（比如配合 type="module"），在普通 <script></script> 中直接引入会报 ReferenceError: require is not defined 或模块解析失败。除非你明确写 <script type="module"></script> 并用 import，否则别碰后者。
引入后怎么写第一个 Vue 应用？注意 DOM 加载时机
常见错误是脚本执行时 <div id="app"> 还没解析完，导致 <code>createApp 找不到挂载点。解决方式有三种：
- 把
<script></script>放在
