一、安装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。)

 

上一篇:使用github搭建一个图床


下一篇:阿里云边缘云全新架构升级,助力CDN操控新体验