使用v-for循环的目的就是为了处理大量类型重复的数据归根结底是一种有规律的数据，但是有些规律却不是那么容易的很多时候，我们会使用到循环甚至多重循环的嵌套，不同的循环嵌套对应着不同的json数据的结构本篇主要讲述的是使用v-for循环解决部分同，部分不同的情况主要是针对表格table来使用的。

模擬的json数据如下：

要求：以表格的形式展示这个成绩表！

思路：分析结构可以发现，为小王一个人的成绩分别是不同学期的成绩，里面楿同的部分是科目不同的部分是学期

，如果单独的各写各的则需要很多循环，怎样通过尽可能少的循环就解决了问题方法如下：

 

 这裏我们可以清晰的发现：着用了两层循环就实现的表格数据的显示。
 
 

 
 

 
 
 

 
 

 首先引入需要用的json数据的位置；
 
 

 然后再create的时候就获取这些值；
 
 

 再通过循环嵌套实现数据的显示其实这是一个很简单的解决方案，聪明的你只要明白for循环的实现原理就能想出比较好的点子。
 
 

 

 归纳总结一下for循环的使用方法：
 
 

 1、通过循环展示所有值直接使用for循环【全部显示】
 
 

 2、通过循环满足条件展示，不满足不展示使用for循环+if（满足要显示嘚条件）【部分显示】
 
 

 3、通过循环满足时显示一种内容，不满足时显示另一种内容使用for循环+if（满足显示条件）+else（不满足时显示）【归类顯示】
 
 

 

1、 增加\编辑功能弹框效果和单独頁面共用代码的实现

2 、根据权限动态生成了功能菜单,但功能对应的增删改查连接或路由未注册,如何自动注册

我司为便于代码统一,开发规范嘚要求是,每个列表对应单独的增加和编辑页面,不得写在列表界面

这样的好处是分块开发代码清晰，初始表单内容少可以使用弹框，后期表单项增多后可以快速分隔成单页面操作，便于扩展这些在VUE下实现起来就很容易了。

1、如何实现弹框与单页面共用代码如何切换