存在以下變數

       data() {
            return {
                stuArray:[
                    {name:"張三",age:12,skills:["Java","C#","Python"]},
                    {name:"李四",age:13,skills:["Sing","Dance","Rap","Basketball"]},
                    {name:"王五",age:14,skills:["Piano","Guitar","Trumpet"]}
                ]
            }
        },
 

使用v-for

<view>
        <view v-for="(stu,index) in stuArray">
            <view>{{"姓名:"+stu.name+",年齡:"+stu.age+",序號:"+index}}</view>
            <view>
                擅長技能:
                <block v-for="sk in stu.skills">
                    {{sk}},
                
 
</block>
            </view>
        </view>
    </view>

這裡有幾點需要注意

1.不要對初始的view進行任何操作，否則會報錯。必須在裡面重新定義view標籤

2.這裡遍歷技能的時候使用block標籤。這樣做的目的是：

如果使用view標籤，那麼每個技能都會重新佔領一行，不美觀。而使用block會將所有遍歷的元素排列在一起，視為行內元素。

最後的輸出如下：