vue学习

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

Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。

它只聚焦于视图层。因此它非常容易学习，非常容易与其它库或已有项目整合。另一方面，在与相关工具和支持库一起使用时，Vue.js 也能完美地驱动复杂的单页应用。

Vue.js 的核心是一个响应的数据绑定系统，它让数据与 DOM 保持同步非常简单

在普通 HTML 模板中使用特殊的语法将 DOM “绑定”到底层数据。一旦创建了绑定，DOM 将与数据保持同步。每当修改了数据，DOM 便相应地更新。这样我们应用中的逻辑就几乎都是直接修改数据了，不必与 DOM 更新搅在一起。这让我们的代码更容易撰写、理解与维护。

<!-- 这是我们的 View -->  

 <div id="example-1">  Hello {{ name }}! </div>  

// 这是我们的 Model 

var exampleData = {  name: 'Vue.js' } 

// 创建一个Vue 实例或 "ViewModel" // 它连接 View 与 Model 

var exampleVM = new Vue({  el: '#example-1',  data: exampleData })

  v-if   特性被称为指令。指令带有前缀   v-  ，以指示它们是 Vue.js 提供的特殊特性。并且如你所想象的，它们会对绑定的目标元素添加响应式的特殊行为。  v-for   指令用于显示数组元素，v-bind   指令用于绑定 HTML 特性