Vue3.0学习入门之快速开发环境搭建

在项目使用Vue.js主要有如下四种方式（官网给出的）：

在页面上以 CDN 包的形式导入。

下载 JavaScript 文件并自行托管。

使用 npm 安装它。

使用官方的 CLI 来构建一个项目，它为现代前端工作流程提供了功能齐备的构建设置 (例如，热重载、保存时的提示等等)。

本博文主要介绍前两种使用方式，后两种使用方式会在后续《Vue学习入门之脚手架开发环境搭建》中进行详细介绍。

1、在页面上以 CDN 包的形式导入

对于CDN方式，Vue.js框架支持多种CDN的使用方式，下面进行详细介绍：

1.1、cdnjs方式

（版本号根据需要自行修改）

运行效果如图：

1.2、unpkg方式

说明：这里只写了JS引入部分的代码，其他部分与1.1中代码一致。

运行效果如图：

1.3、Staticfile CDN（国内）方式

说明：这里只写了JS引入部分的代码，其他部分与1.1中代码一致。

运行效果如图：

以上的3种方式中，前两种是国外的CDN源，最后一种是国内的CDN源，推荐使用国外的CDN源，相对稳定且保证及时更新。

2、下载 JavaScript 文件并自行托管

如果想避免使用构建工具，但又无法在生产环境使用CDN，那么你可以下载Vue相关的.js 文件并自行托管在你的服务器上。然后你可以通过

说明：这里只写了JS引入部分的代码，其他部分与1.1中代码一致。

运行效果如图：

CDN JavaScript Vue

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。