Vue-Vue列表渲染v-for

<div id="app">
    <ul>
        <li  v-for=‘item in list‘>{{item}}</li>
    </ul>
</div>

new Vue({
    el:‘#app‘,
    data:{
        list:[
            ‘red‘,
            ‘green‘,
            ‘blue‘
        ]
    }
})

<div id="app">
    <ul>
        <li  v-for=‘(item, index) in list‘>{{index}}:{{item}}</li>
    </ul>
</div>

<div id="app">
    <ul>
        <li  v-for=‘value in obj‘>{{value}}</li>
    </ul>
</div>

new Vue({
    el:‘#app‘,
    data:{
        obj:{
            name:‘lizhao‘,
            sex:‘nv‘,
            age:‘23‘
        }
    }
})

<div id="app">
    <ul>
        <li  v-for=‘(value, key,index) in obj‘>{{index}}:{{key}}-{{value}}</li>
    </ul>
</div>