这次给大家带来如何使用vue.js过滤器+ajax实现事件监听后台数据交互，使用vue.js过滤器+ajax实现事件监听后台数据交互的注意事项有哪些，下面就是实战案例，一起来看一下。
在vue.js开发时，数据可以使用jquery和vue-resource来获取数据。在获取数据时，一定需要给一个数据初始值。
index.html：
vuejs 过滤器、ajax数据、嵌套循环、if判断、事件监听
| id | 姓名 | 手机号 | 城市 | 性别 | 通过审核 | 我的学生 | 操作 | |
| {{item.id}} | {{item.name}} | {{item.tel}} | {{item.sex | sexFormat}} | {{item.province}}_{{item.city}} | 是 | 否 | {{stu.name}}, |
json.php：
$i,
'name'=>'test'.$i,
'tel'=>'1368585789'.$i,
'status'=>1,
'province'=>'上海市',
'city'=>'上海市',
'sex'=>1,
'stu'=>array(array('id'=>$i,'name'=>'stu'.$i,'tel'=>'1568585789')),
);
}
echo json_encode($data);exit;运行结果：
相信看了本文案例你已经掌握了方法，更多精彩请关注php中文网其它相关文章！
推荐阅读：
