Vue.js 是什么

Vue 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代化的工具链以及各种支持类库结合使用时，Vue 也完全能够为复杂的单页应用提供驱动。

<div id="app2">
    <ul>
        <li v-for="v in arr">{{v}}</li>
        <li v-for="r in obj">{{r}}</li>
        <li v-for="(w,ind) in arr">{{w}}-&#45;&#45;&#45;&#45;{{ind}}</li>
        <li v-for="n in val">
            {{n.num}}
            {{n.name}}
            {{n.price}}
        </li>
    </ul>
</div>

vue部分

new Vue({
    el:"#app2",
    data:{
        arr:[1,2,3,4,5,6,7,8,9],
        obj:{name:"杨梦娇",age:19},
        val:[
            {
            num:'1',
            name:"apple",
            price:'5'
            },
            {
                num: '2',
                name: "banana",
                price: '8'
            }
        ]
    }
})

v-for循环

ind下标