vue.js学习（一）-- 认识vue

一、vue.js相关网址

官网：https://cn.vuejs.org/

中文文档：https://cn.vuejs.org/v2/guide/

GitHub：https://github.com/vuejs/vue

百度百科：https://baike.baidu.com/item/Vue.js/19884851?fr=aladdin

二、vue.js是什么？

Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式框架。vue渐进式框架的理解

Vue.js是一个轻巧、高性能、可组件化的MVVM库，同时拥有非常容易上手的API；  

Vue.js是一个构建数据驱动的Web界面的库。  

Vue.js是一套构建用户界面的 渐进式框架。与其他重量级框架不同的是，Vue 采用自底向上增量开发的设计。Vue 的核心库只关注视图层，并且非常容易学习，非常容易与其它库或已有项目整合。另一方面，Vue 完全有能力驱动采用单文件组件和 Vue 生态系统支持的库开发的复杂单页应用。数据驱动+组件化的前端开发。
 

注意：

Vue 不支持 IE8 及以下版本，因为 Vue 使用了 IE8 无法模拟的 ECMAScript 5 特性。但它支持所有兼容 ECMAScript 5 的浏览器

三、vue.js基本原理

Vue.js主要负责的是上图绿色正方体ViewModel的部分，其在View层（即DOM层）与Model层（即JS逻辑层）之间通过ViewModel绑定了DOM Listeners与Data Bingings两个相当于监听器的东西。

当View层的视图发生改变时，Vue会通过DOM Listeners来监听并改变Model层的数据。相反，当Model层的数据发生改变时，其也会通过Data Bingings来监听并改变View层的展示。这样便实现了一个双向数据绑定的功能，也是Vue.js数据驱动的原理所在。

四、vue.js特点

1.轻量级的框架

2.双向数据绑定

3.指令

4.插件化

 

五、vue.js和jQuery区别

Vue.js是一款轻量级的以数据驱动的前端JS框架，其和jQuery最大的不同点在于jQuery通过操作DOM来改变页面的显示，而Vue通过操作数据来实现页面的更新与展示。

 

参考：

https://cn.vuejs.org/v2/guide/

https://www.jianshu.com/p/78c9e5342990

https://blog.csdn.net/gao_xu_520/article/details/76020365