vue.js嵌套循环、如果判断、动态删除的实例

Vue.js是当下很火的一个视图模型库，它是以数据驱动和组件化的思想构建的。相比于Angular.js，Vue.js提供了更加简洁、更易于理解的应用程序接口

app.html

！doctype html html lang=' zh-CN ' head meta charset=' UTF-8 ' title vuejs嵌套循环、如果判断/title style type=' text/CSS '[v-斗篷]{ display : none }/style/head body div id=' app ' table RTD id/tdtd姓名/tdtd手机号/tdtd城市/tdtd通过审核/tdtd我的学生/tdtd操作/TD/tr v-for='列表中的（项目，索引)”TD { { item。id } }/TD TD { { item }。名称} }/TD TD { { item }。tel } }/TD { { item。省份} } _ { { item。城市} }/TD TD TD v-if='项。状态==1 '是/td td v-else-if='item.status==0 '否/TD TD span v-for=' stu in item。斯图。名称} }，/span/TD TD按钮：点击='编辑'修改/按钮按钮v-:点击=' del(索引)'删除/button/TD/tr/table/div/body脚本src=' http :3359 cdn。bootcss。com/jquery/3。2 .1/jquery。量滴js ' charset=' utf-8 '/script script src=' http :3359 cdn。bootcss。com/Vue/2。3 .0/Vue。量滴js ' charset=' utf-8 '/script script type=' text/javas }，edit: function() {alert('修改)}，}，数据： { ' list ' :[{ ' id ' : ' 139 '，' name': '王五，'电话' :'13681829898 ','状态' :'1 ','省' : '省，'城市' :市，' sex':'1 '，' stu':[{'id':'200 '，' name': '学生1 ','电话：'13681829898 '，}，{'id':'201 '，'姓名' : '学生2 ','电话：'13681829898 '，}]，}，{'id':'138 '，'姓名' : '麻子，'电话' :'13681829898 ','状态' :'0 ','省' : '省，'城市' :市，' sex':'0 '，' stu':[{'id':'300 '，' name': '学生31 ','电话：'13681829898 '，}，{'id':'301 '，'姓名' : '学生32 ','电话：'13681829898 '，}]，}，{'id':'137 '，'姓名' : '丽丽，'电话' :'15152882891 ','状态' :'0 ','省' : '省，'城市' :市，' sex':'1 '，' stu':[{'id':'400 '，' name': '学生41 ','电话' :'13681829898 ，}，{'id':'401 '，'姓名' : '学生42 ','电话：'13681829898 '，}]，}，{'id':'136 '，'姓名' : '娜娜，'电话' :'15152882891 ','状态' :'0 ','省' : '省，'城市' :市，' sex':'0 '，' stu':[{'id':'500 '，' name': '学生51 ','电话：'13681829898 '，}，{'id':'501 '，'姓名' : '学生52 ','电话' :'13681829898 ',}],}]} })))/脚本/html

vue1.0和vue2.0循环索引使用区别

如果是vue1.0这样写：ol Li v-for=' todos '中的todo ' @ click=' delete($ index)' { { todo。标签} }/Li/ol然后：methods : { delete : function(index){ this。托多斯。拼接(索引，1)；}}如果是vue2.0这样写：ol li v-for='(todo，index)in todos ' @ click=' delete(index)' { { todo。标签} }/Li/ol然后方法： { delete :函数(index){ this。托多斯。拼接(索引，1)；}}以上这篇vue.js嵌套循环、如果判断、动态删除的实例就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持我们。