2015ESRI开发者大会_vuejs.pdfVIP

Vue.js ⼊⻔— 轻量级的JavaScript MVVM库 @坤坤2012 调查 大家都用哪些JS框架？dojo／angular／react／backbone Vue.js 概况 作者尤⼩右（尤⾬溪）meteor ● 2013 年底作为个⼈实验项⽬开始开发
 ● 2014 年 2 ⽉公开发布
 ● 2015年 5 ⽉发布发布的 0.11.10
 ● 截⽌ 2015 年 5 ⽉15 ⽇:4379+ Stars on GitHub 12contributors 
 vuejs.org cn.vuejs.org 获取 helloword 核心思想 1. 数据驱动UI 2. 组件化 Vue是一个创建VM（ViewModel）的构造函数，用于连接View和model view：vm.$el model: vm.$data 可以使用vm.$data.msg也可以直接vm.msg来获取数据 1.指令 2.过滤器 3.组件系统 指令 一个特殊的 HTML 属性 (attribute) 简单来说，这是一个特殊的 HTML 属性 (attribute) Vue 内部自带指令 v-text 更新元素的textContent v-html 更新元素的innerHTML v-show 根据绑定的真实值将元素的 display 属性设置为none或它的原始值 v-class 如果没有提供参数名，将会直接将绑定值加入到元素的 classList 中， 当绑定值改变时更新元素的 class. v-attr 更新元素的指定属性（更新的属性由参数指定） v-style 将CSS属性以内联的形式应用到元素上 v-on 为元素添加一个事件监听器 v-model 创建双向绑定 v-if 以绑定值为基础条件插入或删除元素 v-pre 跳过编译此元素和此元素所有的子元素 v-cloak 直到关联的 ViewModel 结束编译之前本属性都会留在元素上 v-el 在一个DOM元素上注册一个更容易被自身 Vue 实例访问的引用。 如， div v-el=“ hi可以使用vm.$.hi访问到。 指令Demo v-repeat 对于数组中的每个对象，该指令将创建一个以该对象作为其 $data 对象的子Vue实例。 这些子实例继承父实例的所有数据，因此在重复的模板元素中你既可以访问子实例的属性， 也可以访问父实例的属性。 此外,你还可以访问 $index 属性，其表示所呈现的实例在对象数组中对应的索引。 demo1 demo2 Vue 内部自定义指令 Vue.js允许你注册自定义指令，实质上是让你教Vue一些新技巧：怎样将数据的变化映射成DOM的行为。 你可以使用Vue.directive(id, definition)的方法传入指令名称和定义对象来注册一个全局自定义指令。 定义对象要能提供一些钩子函数（全都可选）： 指令对象有一些有用的公开属性 el: 指令绑定的元素