div#user(class="panel panel-default")
div(class="panel-heading")
input(v-model="filter",class="form-control",placeholder="请输入筛选条件")
table(class="table table-striped")
thead
tr
th
input(type="checkbox")
th 序号
th 姓名
th 性别
th 年龄
tbody
tr(v-for="user in list | filterBy filter")
td
input(type="checkbox")
td(v-text='$index+1')
td(v-text='user.name')
td(v-text='user.gender')
td(v-text='user.age')
var users=new Vue({
el:"#user",
data:{
filter:"",
list:[
{name:"张三",gender:"男",age:"18"},
{name:"李四",gender:"男",age:"28"},
{name:"王五",gender:"女",age:"38"},
]
}
})