数据双向绑定

循环输出数据/渲染列表

• {{person.name}}({{person.sex}},{{person.age}})

{{$data|json}}

处理用户输入/事件["v-on:"可以用"@"来简写]

• {{name}} 删除

{{$data|json}}

数据排序[升序降序]

{{$data|json}}

v-show['显示'或'隐藏/display:none'] 和 v-if['显示'或'代码块删除/消失']

可以审查元素观察一下~

截断默认操作：

1. @submit.prevent / v-on:submit.prevent

2. function(e){ e.preventDefault() }

{{$data|json}}

Vue.js组件化,代码重用

computed

用户等级：{{ level }}

用户名：{{ username }}

{{$data|json}}

v-on:class(:class) 和 代码重用 和 动态props

{{$data|json}}