<div id="enjoy">
    <!--類似於js遍歷-->
    <!--v-for優先順序高於v-if之類的指令-->
    <p v-for="(item,index) in msg1">
        {{index + ' : ' + item}}
    </p>

    <p v-for="item in msg2">
        {{item}}
    </p>

    <p v-for="item in msg3">
        {{item}}
    </p
 
>

    <!--遍歷數字是從1遍歷到指定值-->
    <p v-for="item in msg4">
        {{item}}
    </p>
</div>

        {
            new Vue({
                el: '#enjoy',
                data: {
                    msg1: [10, 20, 30, 40, 50],
                    msg2: {name: 'bob', age: 10, friend: 'lucy'
 
},
                    msg3: 'lucy',
                    msg4: 4
                }
            })
        }