美文网首页
vue打卡-v-for

vue打卡-v-for

作者: QinRenMin | 来源:发表于2019-05-14 20:57 被阅读0次
  • 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

相关文章

网友评论

      本文标题:vue打卡-v-for

      本文链接:https://www.haomeiwen.com/subject/slxyaqtx.html