1、Vue是什么

Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代化的工具链以及各种支持类库结合使用时，Vue 也完全能够为复杂的单页应用提供驱动。

官网：

https://cn.vuejs.org/

• 易用
  已经会了 HTML、CSS、JavaScript？即刻阅读指南开始构建应用！

• 灵活
  不断繁荣的生态系统，可以在一个库和一套完整框架之间自如伸缩。

• 高效
  20kB min+gzip 运行大小、超快虚拟 DOM、最省心的优化

2、Vue简介

1）、学习的基础

如果想要学习Vue，官方指南建议了解关于 HTML、CSS 和 JavaScript 的中级知识。如果你刚开始学习前端开发，将框架作为你的第一步可能不是最好的主意。

2）、库和框架的区别

• 库(如jQuery)
  库是工具. 提供大量API，体现了封装的思想、需要自己调用这些API

• 框架（Vue）
  框架提供了一套完整解决方案,使用者要按照框架所规定的某种规范进行开发

3）、为什么要学Vue

传统开发模式: JQuery+RequireJS/SeaJS+artTemplate+Gulp/Grunt

随着项目业务场景的复杂,传统模式已无法满足需求

就出现了Angular/React/Vue等框架

• 企业需求
• 主流框架之一(React Angular Vue)
• 易用、灵活、高效

4）、Vue能做什么

• 最大程度上解放了 DOM 操作
• 单页web项目(SinglePageApplication项目,例如Worktile官网)开发
• 传统网站开发

5）、Vue核心特性

• 双向数据绑定vue(借鉴了react的虚拟DOM,借鉴了angular双向数据绑定)
• 通过**指令 展了 HTML，通过表达式**绑定数据到 HTML
• 解耦视图与数据
• 可复用组件
• 虚拟DOM
• M-V-VM
• 数据驱动视图

3、安装Vue

1）、通过cdn的方式安装

<!-- 开发环境版本，包含了有帮助的命令行警告 -->
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>

或者：

<!-- 生产环境版本，优化了尺寸和速度 -->
<script src="https://cdn.jsdelivr.net/npm/vue"></script>

2）、NPM方式安装

# 最新稳定版
$ npm install vue

3）、直接下载源码然后通过路径引入

• 开发版本：https://vuejs.org/js/vue.js
• 生产版本：https://vuejs.org/js/vue.min.js

注意：Vue.js 不支持 IE8 及其以下版本