自己写个年级的循环数据，然后自己遍历显示出来vue

<template>
  <div class="">
        <div class="mui-text-center">设置我的年级</div>
           <div class="primary mui-row mui-col-xs-12">
                <p>小学</p>    
                  <span class="mui-col-xs-4" v-for="item,i in grade[0]['primary']" :class="{'active':tabmark==i}"  @tap="tabmarkChange(item)">{ {item.name}}</span>
           </div>
           <div class="juniorschool mui-row mui-col-xs-12">
                 <p>初中</p>    
                  <span class="mui-col-xs-4" v-for="item,i in grade[1]['junior']" :class="{'active':tabmark==i+6}"  @tap="tabmarkChange(item)">{ {item.name}}</span>
           </div>