vue 数据绑定

var vm = new Vue({ 　 el : '#app', 　 data: { 　　 id : 1, 　　 index : 0, 　　 name : 'Vue', 　　 avatar : 'http://……' 　　 count : [1, 2, 3, 4, 5] 　　 names : ['Vue1.0', 'Vue2.0'], 　　 items : [ 　　　 { name : 'Vue1.0', version : '1.0' }, 　　　 { name : 'Vue1.1', version : '1.0' } 　　 ] 　 } }); <span>Hello {{ name }}</span> // -> Hello Vue <div id="id-{{id}}"></div>　// <div id="id-1"></div> {{ index + 1 }}　// 1 {{ index == 0 ? 'a' : 'b'}} // a {{ name.split('').join('|') }}　// V|u|e

{{ name | uppercase }} // VUE

<input v-on:keyup ="onKeyup | debounce 500"> // input元素上监听了keyup事件， 并且延迟500ms 触发 debounce 传入值必须是函数，参数可选，为{Number}[wait]，即延时时长。作用是 当调用函数n 毫秒后，才会执行该动作，若在这n 毫秒内又调用此动作则将重新计算执行时间

image.png

image.png

自定义过滤器

image.png

orderby

v-bind:

image.png

image.png