提起前端，很多同学第一时间想起的是不是HTML，CSS和JavaScript这三剑客呢？确实，前端的基础部分离不开它们三个。不过也正是因为它们是的部分，所以有时候显得太过繁琐。在这样的时代背景之下，框架这一概念与体系应运而生。所谓框架，一般指用于简化网页设计的框架，框架封装了一些功能，比如html文档操作，漂亮的各种控件（按钮，表单等等），使用前端框架可以帮助快速地构建网站。
使用框架的一个最明显的变化就是：
代码量突然之间少了好多，组件化正是前端框架里非常强大的功能之一，它可以扩展你的HTML，封装可以重用的代码块，比如你的轮播图、页面头部、页面底部等等。
Vue是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代化的工具链以及各种支持类库结合使用时，Vue 也完全能够为复杂的单页应用提供驱动。
前端开发Vue的优点
1、轻量级框架
只关注视图层,是一个构建数据的视图集合,大小只有几十kb，Vue.js通过简洁的API提供高效的数据绑定和灵活的组件系统，这也就使得使用Vue十分快捷方便
2、视图,数据,结构分离
使数据的更改更为简单,不需要进行逻辑代码的修改,只需要操作数据就能完成相关操作
3、双向数据绑定
也就是所谓的响应式数据绑定。这里的响应式是指vue.js会自动对页面中某些数据的变化做出同步的响应。
vue.js的实时性会自动响应数据的变化情况，并且根据在代码中预先写好的绑定关系，对所有绑定在一起的数据和视图内容都进行实时的修改。
4、虚拟DOM
在传统开发中，用JQuery或者原生的JS DOM操作函数对DOM进行频繁操作的时候，浏览器要不停的渲染新的DOM树，导致页面看起来非常卡顿。而使用Vue可以预先通过JavaScript进行各种计算，把最终的DOM操作计算出来并优化。由于这个DOM操作属于预处理操作，并没有真实的操作DOM，所以叫做虚拟DOM。只有最后在计算完毕才真正将DOM操作提交，将DOM操作变化反映到DOM树上。
5、运行速度更快
相比较react而言,同样都是操作虚拟dom,就性能而言,vue存在很大的优势
使用框架的一个最明显的变化就是：
代码量突然之间少了好多，组件化正是前端框架里非常强大的功能之一，它可以扩展你的HTML，封装可以重用的代码块，比如你的轮播图、页面头部、页面底部等等。
Vue是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代化的工具链以及各种支持类库结合使用时，Vue 也完全能够为复杂的单页应用提供驱动。
前端开发Vue的优点
1、轻量级框架
只关注视图层,是一个构建数据的视图集合,大小只有几十kb，Vue.js通过简洁的API提供高效的数据绑定和灵活的组件系统，这也就使得使用Vue十分快捷方便
2、视图,数据,结构分离
使数据的更改更为简单,不需要进行逻辑代码的修改,只需要操作数据就能完成相关操作
3、双向数据绑定
也就是所谓的响应式数据绑定。这里的响应式是指vue.js会自动对页面中某些数据的变化做出同步的响应。
vue.js的实时性会自动响应数据的变化情况，并且根据在代码中预先写好的绑定关系，对所有绑定在一起的数据和视图内容都进行实时的修改。
4、虚拟DOM
在传统开发中，用JQuery或者原生的JS DOM操作函数对DOM进行频繁操作的时候，浏览器要不停的渲染新的DOM树，导致页面看起来非常卡顿。而使用Vue可以预先通过JavaScript进行各种计算，把最终的DOM操作计算出来并优化。由于这个DOM操作属于预处理操作，并没有真实的操作DOM，所以叫做虚拟DOM。只有最后在计算完毕才真正将DOM操作提交，将DOM操作变化反映到DOM树上。
5、运行速度更快
相比较react而言,同样都是操作虚拟dom,就性能而言,vue存在很大的优势
