Examples of vue.js nested loops, if judgments, and dynamic deletion

Below I will share with you an example of vue.js nested loop, if judgment, and dynamic deletion. It has a good reference value and I hope it will be helpful to everyone.

Vue.js is a very popular JavaScript MVVM library. It is built with data-driven and component-based ideas. Compared with Angular.js, Vue.js provides a simpler and easier-to-understand API

app.html

 
	
	



 

		
		

			
			
				
id
				
姓名
				
手机号
				
城市
				
				
通过审核
				
我的学生
				
操作
				
			
		 
 
			 
{{item.id}}
 
			 
{{item.name}}
			 
{{item.tel}}
 
				
			 
{{item.province}}_{{item.city}}
 
				
是
 
				
否
 
				

					
					{{stu.name}},
					
				
 
				

				 修改
				 删除
				
 
		 
		
 

##The difference between vue1.0 and vue2.0 loop index use

如果是vue1.0这样写：

   

     {{todo.label}}
   

然后：
methods:{
 
 delete:function(index){
  this.todos.splice(index,1);
 }
}
如果是vue2.0这样写：

    

     {{todo.label}}
    
 

然后
methods:{
 
 delete:function(index){
  this.todos.splice(index,1);
 }
}

angular5 httpclient example practice

Solving the problem of multiple vue routes sharing one page

An Angular method-level cache annotation (decorator)

The above is the detailed content of Examples of vue.js nested loops, if judgments, and dynamic deletion. For more information, please follow other related articles on the PHP Chinese website!