Vue概念&Vue安装
# 什么是Vue
Vue (读音 /vjuː/,类似于 view) 是一套基于MVVM模式构建用户界面的渐进式框架。与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。另一方面,当与现代化的工具链以及各种支持类库结合使用时,Vue 也完全能够为复杂的单页应用提供驱动,支持前后端分离。
Vue是一位叫尤雨溪(Evan You)的人开发的,2015年10月26日发布了1.0.0版本,2016年10月1日发布了2.0.0版本。
Vue开发效率高,帮助减少不必要的dom操作,双向数据绑定,当数据发生变化时,视图自动更新,开发者只需要关注业务逻辑,不用关心dom如何渲染,数据驱动代替dom操作。
# Vue安装
安装Vue有以下三种方式。
# 1.使用独立版本
直接从Vue官网(https://vuejs.org)下载Vue的JavaScript脚本文件。脚本文件分为两种:一种是开发版本,另一种是生产版本。
- 开发版本:包含所有的调试模式和警告,代码未压缩,适合开发阶段,便于开发者研究Vue源码。开发版本下载地址:https://cdn.jsdelivr.net/npm/vue/dist/vue.js
- 生产版本:代码进行了压缩,文件体积较小,用于产品发布正式运行环境下使用。生产版本下载地址:https://cdn.jsdelivr.net/npm/vue
下载完成后,通过<script src>
引入vue.js文件,请看下面的代码:
<body>
<script src="vue.js"></script>
</body>
1
2
3
4
5
2
3
4
5
# 2.使用CDN方式引入
CDN全称Content Delivery Network即内容分发网络。是构建在现有网络基础之上的智能虚拟网络,依靠部署在各地的边缘服务器,通过中心平台的负载均衡、内容分发、调度等功能模块,使用户就近获取所需内容,降低网络拥塞,提高用户访问响应速度和命中率。CDN的关键技术主要有内容存储和分发技术。
使用CDN引入Vue框架实际上就是选择了一个稳定的CDN服务商。这里推荐两个比较稳定的CDN服务商。
jsdelivr
网址为https://www.jsdelivr.com
cdnjs
网址为https://cdnjs.com
使用NPM方式安装
为了更好的学习,目前先不用这种方式安装
上次更新: 2022/05/25 12:16:46