一、安装Vue

安装Vue有以下三种方式。

1、使用独立版本。

从Vue官网（https://vuejs.org）下载Vue的JavaScript脚本文件。脚本文件分两种，一种是开发版本，一种是生产版本。

（1）开发版本

包含所有的调试模式和警告，代码未压缩，适合开发阶段，便于开发者研究Vue源码。开发版本下载地址：

https://cdn.jsdelivr.net/npm/vue/dist/vue.js

（1）生产版本

代码进行了压缩，文件体积较小，用于产品发布正式运行环境下使用。生产版本下载地址：

https://cdn.jsdelivr.net/npm/vue/

下载完成后，通过<script  src>引入vue.js文件，代码实现如下

<body>
    <script  src="vue.js"></script>
</body>

2、使用CDN方式引入

CDN全称Content Delivery Network即内容分发网络。是构建在现有网络基础之上的智能虚拟网络，依靠部署在各地的边缘服务器，通过中心平台的负载均衡、内容分发、调度等功能模块，使用户就近获取所需内容，降低网络拥塞，提高用户访问响应速度和命中率。CDN的关键技术主要有内容存储和分发技术。

使用CDN引入Vue框架实际上就是选择了一个稳定的CDN服务商。这里推荐两个比较稳定的CDN服务商。

（1）jsdelivr 

网址为 https://www.jsdelivr.com

（2）cdnjs

网址为 https://cdnjs.com（这个基本全年无中断）

3、使用NPM方式安装

为了更好的学习，目前先不用这种方式。（实际工作开发使用Vue就是用这种方式安装Vue。）

 

posted @ 2021-09-01 18:46  Strugglinggirl  阅读(142)  评论(0)  编辑  收藏  举报