How to use vue.js filter + ajax to implement event monitoring and background data interaction

This time I will bring you how to use vue.jsFilterajax to implement event monitoring background data interaction, and use vue.js filter ajax to implement event monitoring background data interactionNotesWhat are they? The following is a practical case. Let’s take a look.

When developing vue.js, data can be obtained using jquery and vue-resource. When obtaining data, you must give an initial value to the data.

index.html：

      
  
 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;

Running results:

I believe I read this article You have mastered the case method. For more exciting information, please pay attention to other related articles on the PHP Chinese website!

Recommended reading:

How to implement Vue page skeleton screen

##How to implement communication between vue parent and child components

The above is the detailed content of How to use vue.js filter + ajax to implement event monitoring and background data interaction. For more information, please follow other related articles on the PHP Chinese website!