1.插入vue插件

 <script src='js/vue.js'></script>

2. for循环

<div class='skt'>
      <ul>
            <li v-for=value in arr> {{value}} </li>
      </ul>
</div>

v-for 为固定格式，vue中的for循环
val为一个随机数，可以用别的名字代替，但{{ 此处的名字要与val所在位置的名字一致 }}
val in num,in为固定值，num与script中data里面的num一致，代表 val 在 num 中，在编辑过程中可根据需要改变val和num的名字

3.for循环输出数组下标

<div class='skt'>
      <ul>
            <li v-for=(val,index) in num>{{index}}=> {{val}} </li>
      </ul>
</div>

4.for循环输出数组对象

<div class='skt'>
      <ul>
            <li v-for="ass in arrs">{{ass.num}} {{ass.name}} {{ass.age}}</li>
      </ul>
</div>

5.vue中for循环的表格输出

<div class='skt'>
      <table cellspacing="0">         （cellspacing="0"是将边框线合为一条）
            <thead>
                  <tr>
                      <td>编号</td>
                      <td>姓名</td>
                      <td>年龄</td>
                  </tr>
            </thead>
            <tbody>
                  <tr v-for="ass in arrs">
                        <td>{{ass.num}}</td>
                        <td>{{ass.name}}</td>
                        <td>{{ass.age}}</td>
                  </tr>
            </tbody>
      </table>
</div>