This shows you the differences between two versions of the page.
Both sides previous revision Previous revision Next revision | Previous revision | ||
library:web:vue_misc [2022/09/10 08:31] lhaosen [2. 升级Node.js] |
library:web:vue_misc [2022/09/10 08:37] (current) lhaosen [2. 不使用构建工具使用Vue] |
||
---|---|---|---|
Line 43: | Line 43: | ||
打开 http:// | 打开 http:// | ||
- | ===== - 直接下载使用Vue ===== | + | ===== - 不使用构建工具使用Vue ===== |
+ | |||
+ | 如果没有使用任何构建工具,而是从 CDN 或其他源来加载 Vue,请确保在部署时使用的是生产环境版本(以 .prod.js 结尾的构建文件)。生产环境版本会被最小化,并移除了所有仅用于开发环境的代码分支。 | ||
+ | * 如果需要使用全局变量版本(通过 Vue 全局变量访问):请使用 vue.global.prod.js。 | ||
+ | * 如果需要 ESM 版本(通过原生 ESM 导入访问):请使用 vue.esm-browser.prod.js。 | ||
- | | ||
- 官网下载Vue.js文件 https:// | - 官网下载Vue.js文件 https:// | ||
- | + | | |
- | | + | |
+ | < | ||
+ | <script src=" | ||
+ | |||
+ | <div id=" | ||
+ | |||
+ | < | ||
+ | | ||
+ | |||
+ | createApp({ | ||
+ | data() { | ||
+ | return { | ||
+ | message: 'Hello Vue!' | ||
+ | } | ||
+ | } | ||
+ | }).mount('# | ||
+ | </ | ||
+ | </ | ||
===== - 搭建测试 | ===== - 搭建测试 | ||