VUE

一、什么是Vue？

Vue是第三方开发的、渐进式的、基于MVVM设计模式的、纯前端的JS框架
第三方：别人写好的，我们直接下载即可
渐进式：可以逐步在项目中引入Vue的各项功能，同时，可以与其他技术混用，但是，不推荐（es5：只要不是使用框架，一律使用es5，不能出现es6；es6：我们使用框架的时候，就可以使用es6）

MVVM设计模式：

1. 传统前端三大部分：html/css/javascript

问题：html和css的功能都太弱了，对于页面发生的一切变化都需要JavaScript来编写，导致需要JavaScript编写大量重复的增删改查操作

2. 现代前端三大部分：(MVVM)

界面(View)：

视图，指网页中的元素和样式，一般指的就是html和css。view是.html网页中的一个需要动态加载内容的父元素，比如:“div#app”。html中的视图，也被称为模板template，如果发生template错误，那么就在html中查找就可以了

数据模型(Model):

集中保存界面中所需要的所有变量和变量值。模型，指程序中创建的或者从远程获取的数据，一般使用js中的一个对象data来保存，内容就会直接显示到view中

控制器(ViewModel):

视图模型/控制，用于替代之前DOM/jQuery操作，封装了重复的增删改查操作，把模型中的数据和视图中的html元素“绑定”到一起。Vue类型提供的就是一种强大的ViewModel对象，可以自动同步数据和页面元素。专门负责自动将模型中的变量值自动同步到界面中所需要的位置，实现实时同步

ViewModel核心原理：（响应系统/虚拟DOM树）

纯前端：不需要任何后端技术，就能够独立运行
框架：包含核心功能的半成品代码，开发人员只需要根据业务的需求，添加定制自己个性化的一部分内容即可
（构造+原型）

二、对比原生DOM、jQuery、Vue框架

1. 原生DOM：

使用原生DOM，必须是一步一步的来，而且每一步都不能少，步骤上非常繁杂，原生的DOM兼容性好
问题：jQuery中有多少种查找方法？（查找id的元素，查找class的元素，查找name的元素）
（两个点：1.是否考虑IE；2.是否有自己的框架）
注意：开发中我们要养成直接独立学习的习惯，自己解决问题的能力

2. jQuery：

jQuery其实是对DOM的每一步都进行了简化，但是，并没有从根本上改变程序的流程

3. Vue：

优点：已经包含核心功能，而且封装了很多重复的功能，编写时我们就不必要再编写重复的功能，比如：增删改查，算是在开发中彻底简化的了开发的步骤
缺点：不兼容旧浏览器，同时开发人员需要彻底的改变编程习惯和思维
DOM树重绘问题：一两个看不出来，弄个几百个，卡死你

三、什么时候使用Vue？为什么使用Vue？

1.Vue适用于以数据操作为主的项目(web/app)，2.我们使用vue框架可以提高项目的开发效率