初识 vue

Vue,js简介
●Vue.js是一个构建数据驱动的web界面的框架
●Vue.js 的目标是实现响应的数据绑定和组合的
视图组件
●Vue.js 的核心是一个响应的数据绑定系统

Vue.js是一款轻量级的以数据驱动的前端JS框架，

其和jQuery最大的不同点在于jQuery通过操作DOM来改变页面的显示，

而Vue通过操作数据来实现页面的更新与展示

 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 的核心是一个允许采用简洁的模板语法来声明式地将数据渲染进 DOM 的系统：

<div id="app">
  {{ message }}
</div>
var app = new Vue({
  el: '#app',
  data: {
    message: 'Hello Vue!'
  }
})