带你了解Vue.js

今天酸狗就带着大家了解一个国内最火的前端框架Vue.js。希望对大家Vue的了解有帮助！

---

前言

提示：看文章之前建议对Html/Css/JavaScript有一些基础的了解更好的理解，小白能直观的了解Vue

---

一、框架和库的区别

框架（Framework）和函数库（Library）

框架:

• 是一套完整的解决方案;对项目的侵入性较大，项目如果需要更换框架，则需要重新架构整个项目。框架则是为解决一个(一类)问题而开发的产品。框架用户一般只需要使用框架提供的类或函数，即可实现全部功能。
• 我们调用框架的时候，取的是整个框架，必须使用这个框架的全部代码，而且，我们使用框架的时候，必须按照框架设定好的使用规则来使用它。
• 功能很强大，但会丧失一部分灵活性

库（插件）︰

• 提供某一个小功能，对项目的侵入性较小，如果某个库无法完成某些需求，可以很容易切换到其它库实现需求。（如：从Jquery切换到Zepto）
• 库是将代码集合成的一个产品，供程序员调用。
• 直白的说，库为我们提供了很多封装好的函数，看起来零零散散，但是我们使用起来比较灵活，就是哪里需要，我们就取它里面我们所需的某部分，用不到它的地方我们自己来实现。
• 面向对象的库。面向过程的代码组织形式而成的库叫函数库。在函数库中的可直接使用的函数叫库函数。

二、前端三大主流框架

Vue.js 是前端的主流框架之一，和Angular.js、React.js—起，并成为前端三大主流框架!
三大框架一大抄，都在互相递进升级的一个过程，三大框架互相模仿。

• Vue.js （在国内使用的比较多）：
  是目前最火的一个前端框架,也是国内使用最广泛的前端框架(主要用于单页面应用程序，也可用于手机APP开发)。
• React （在欧美使用的比较多）：
  是最流行的一个前端框架（ React除了开发网站，还可以开发手机App , Vue语法也是可以用于进行手机App开发的，需要借助于Weex )。
• Angular.js （在印度使用的比较多）：
  出来较早的前端框架，学习曲线比较陡，NG1学起来比较麻烦，NG2~NG5开始，进行了一系列的改革，也提供了组件化开发的概念（抄Vue，React的组件化 ）;从NG2开始，也支持使用TS(TypeScript)进行编程。

三、什么是Vue.js

• Vue.js 是目前最火的一个前端框架
• Vue.js是一套渐进式框架。
• Vue.js 是一套构建用户界面的框架，只关注视图层，它不仅易于上手，还便于与第三方库或既有项目整合。( Vue有配套的第三方类库，可以整合起来做大型项目的开发）。
• Vue.js有配套的第三方类库，可以将其整合起来做大型项目的开发。如：router、axios、vuex。
• 前端的主要工作:主要负责MVC中的V这一层;主要工作就是和界面打交道，来制作前端页面效果。
  

四、为什么要使用Vue框架

1. 简单易学：国人开发，中文文档，不存在语言障碍，易于理解和学习；react和angular都是国外的语言，文档都是英文，学习成本较高。
2. Vue.js借鉴了Angular以及React的一些核心思想，是站在巨人的肩膀上开发出来的，结合了其两者的所有优点。
3. 企业中，使用框架，能够提高开发的效率，企业为了提高开发效率:在企业中，时间就是效率，效率就是金钱。
4. 提高开发效率的发展历程︰原生JS-> Jquery之类的类库->前端模板引擎->Angular.js / Vue.js(能够帮助我们减少不必要的DOM操作﹔提高渲染效率﹔双向数据绑定的概念.【通过框架提供的指令，我们前端程序员只需要关心数据的业务逻辑，不再关心DOM是如何渲染的了】 )
5. 在Vue中，一个核心的概念，就是让用户不再操作DOM元素，解放了用户的双手，让程序员可以更多的时间去关注业务逻辑。不需要像html页面那样频繁的操作真实的dom元素，它本身都是虚拟dom跟数据进行捆绑，降低了性能消耗。
6. 最大的特点就是双向数据绑定，只关注视图层！
7. 增强自己就业时候的竞争力。

总结

Vue简单易学，国人开发，中文文档，不存在语言障碍，易于理解和学习,通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。
谢谢！