uni-app，v-for时 block 和 view 的使用

uni-app，v-for时 block 和 view 的使用

<template>
    <view>
        <view v-for="stuObj in studentArry">
            <view>姓名: {{ stuObj.name}} , 年龄: {{ stuObj.age}}</view>
            <view>
                擅长技能:
            <!--       双层循环 sk in stuObj.skill 就像  stuObj in studentArry 一样，
                  只不过 sk in stuObj.skill 是在 stuObj in studentArry 之中 -->
                <view>
                    <!-- <view v-for="sk in stuObj.skill">
                        {{ sk }}
                    </view> -->
                    
                    <!-- block 使 技能不换行，否则用 view的话默认 唱，跳，rap 是三行 ，用 block 的话是一行 -->
                    <block v-for="sk in stuObj.skill">
                        {{ sk }},
                    </block>
                </view>
            </view>
        </view>
    </view>    
</template>

<script>
    export default {
        data() {
            return {
                studentArry: [
                    {
                        name: '小明',
                        age: 18,
                        skill: ["唱", "跳", "rap"]
                    },
                    {
                        name: '小红',
                        age: 19,
                        skill: ["唱"]
                    },
                    {
                        name: '小李',
                        age: 17,
                        skill: ["跳"]
                    },
                    {
                        name: '小莉',
                        age: 18,
                        skill: ["rap"]
                    },
                    {
                        name: '小美',
                        age: 18,
                        skill: ["跳", "rap"]
                    }
                ]
            }
        },
        methods: {
            
        }
    }
</script>

<style>

</style>

 使用view时的效果  

    自带换行的效果

使用block时的效果

   取消换行的效果