一、什么是vue?

vue 是一个构建数据驱动的Web界面的渐进式前端框架。

那什么是渐进式框架呢？

通俗地讲，渐进式就是一步一步的意思，放到 vue 中理解就是，之前是静态页面，新增的一部分使用 vue，之前部分依然可以保留使用，并不需要把整个框架所有东西都用上，根据实际需要什么引入什么。如果你做的是一个全新项目，也可以全部使用它的全家桶开发，全部采用单页面开发也行。

vue 框架与其他框架不同的是，vue 被设计为可以自底向上逐层应用，vue 的核心是实现响应的数据绑定和组合的视图组件，既便于与现代化工具链以及三方库混用，又便于整合原有项目，是一个非常友好的框架。

二、vue的特点

2.1、双向数据绑定

vue 会自动响应数据的变化，并根据用户在代码中的绑定关系，更新相应的视图。而这种绑定关系，就是以 input 标签的 v-model 属性来声明的，所以有人也称 vue 是声明式渲染的模版引擎。

声明式编程 VS 命令式编程

我们使用 js 改变数据更新元素时，基本步骤是：

获取到最新数据获取到展示数据的DOM元素使用 innerHTML 改变元素内容更新DOM

这种编程方式，属于命令式的，js 命令走一步，它才走一步，所以我们称之为“命令式编程”。命令式编程，机器不管你想要的是什么，它都会按照你的指令行事。

声明式编程相比命令式编程简单多了，你只要告诉机器你想要啥，剩下的机器自动取完成，你就不用操心了。

就像 vue 的数据双向绑定，你只需要把数据绑定到元素，更新数据，剩下 vue 自动执行更新DOM。

2.2、组件化开发

vue 通过组件，把一个单页面应用中的各个模块拆分成独立的组件，使用时在父组件引入各子组件，并在组件标签中传入参数，然后处理参数。有些模块如果多个页面存在，可以多次重复使用组件，整个应用就这么做完了。

组件化开发的优点：

使用小型、独立和通常可复用的组件构建大型应用。组件能够大幅度提高开发效率、测试性、复用性等。合理划分组件，有助于提高应用性能。组件应该是高内聚，低耦合的。便于多人协同开发。

2.3、数据、结构和样式分离

html 页面让人最愁的就是结构里杂糅着数据，一个页面复杂的话，文件内容会特别多，越写越谋乱。但是 vue 就把数据、结构和样式进行分离了，使数据的更改更为简单，不需要进行逻辑代码的修改，只需要操作数据就能完成。

2.4、虚拟DOM

传统开发中，使用 js 频繁操作 dom 时，浏览器需要不停地渲染新的 DOM 树，有时页面就会卡死，是因为 dom 操作是非常耗费浏览器性能的，因而 vue 使用了虚拟 DOM。

简单地说，vue 就是通过 js 预先进行各种计算，把最终的 DOM 操作计算出来并优化，由于这个 DOM 属于预处理操作，并没有真实的操作 DOM，所以叫做虚拟 DOM，最后才把真正结果提交给 DOM，将 DOM 变化反应在 DOM 树上。

vue 虽然不再使用原生的dom操作节点，极大解放dom操作，但具体操作的还是dom不过是换了另一种方式；

2.5、轻量高效

可以利用 vue 丰富的钩子函数进行更底层的数据处理，除此之外，vue还提供了简单却强大的动画系统，可以简单地定义对应的 css Transition 或 Animation效果。

三、vue缺点不支持IE8以下社区可能没有Angular和React那么丰富Vue 不缺入门教程，可是很缺乏高阶教程与文档。同样的还有书籍因为是单页面应用，不利于seo优化初次加载时耗时多四、vue适用场景？如果还在适用 js 或jquery频繁操作DOM来更新页面的话，可以适用vue解放dom操作，减少性能损耗。如果项目中有很多功能是相似或相同的，可以借用 vue 的组件，实现复用，提高工作效率。vue的缺点是不支持IE8以下，如果你的项目需要兼容IE8以下浏览器，便不能选择vue。