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
