Vue笔记系列（一）Vue.js入门

Vue笔记系列
2、Vue.js渐进
3、Vue.js进阶

---

Vue.js的概述

如官网所说，Vue.js是一款轻量级的以数据驱动的渐进式JavaScript 框架。

老卜的 前端开发之走进Vue.js介绍到：

Vue.js数据驱动的原理在于View层的视图发生改变时，Vue会通过DOM Listeners来监听并改变Model层的数据。反之，当Model层的数据发生改变时，也会通过Data Bingings来监听并改变View层的展示。从而实现双向数据绑定的功能。
例如：jQuery通过操作DOM来改变页面的显示，而Vue通过操作数据来实现页面的更新与展示。这样我们就能很直观的理解数据驱动的意思了。

上面介绍到的是Vue.js的原理，下面再来科普一下MVVM这个概念（一像素写的《Vue.js 和 MVVM 小细节》），可以让你更好的理解Vue,但是没有太大的实践作用，但是可以装B，更重要的是可以在面试的时候装B。

MVVM 是Model-View-ViewModel 的缩写，它是一种基于前端开发的架构模式，其核心是提供对View 和 ViewModel 的双向数据绑定，这使得ViewModel 的状态改变可以自动传递给 View，即所谓的 数据双向绑定。
Vue.js 就是一个提供了 MVVM 风格的双向数据绑定的 Javascript 库，专注于View 层。它的核心是 MVVM 中的 VM，也就是 ViewModel。 ViewModel负责连接 View 和 Model，保证视图和数据的一致性。

起步

虽然对node.js和webpack了解，并在项目中使用过了，但还是尝试从最基本的了解Vue开始，充分体验一下这渐进过程，直接下载并使用