vue.js过滤器+ajax实现事件监听及后台php数据交互实例

本文实例讲述了vue.js过滤器+ajax实现事件监听及后台php数据交互。分享给大家供大家参考，具体如下：

在vue.js开发时，数据可以使用jquery和vue-resource来获取数据。在获取数据时，一定需要给一个数据初始值。

index.html：

 
 
 
  [v-cloak] { display: none }
 


 
  ajax获取数据
  

   

    
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;

运行结果：

希望本文所述对大家vue.js程序设计有所帮助。