vue打卡－v-for

• v-for
  作用：使用数据渲染列表

<div id="app">
    <p>列表展示</p>
    <ul>
        <li v-for="item in list">{{item.content}}</li>
    </ul>
</div>

script

<script>
    let list = [
        {
            id:"1",
            content:"数据结构"
        },
        {
            id:"2",
            content:"数据挖掘"
        }
    ];
    let vm = new Vue({
        el:"#app",
        data:{
            list:list
        }
    })
</script>

运行结果： v-for