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
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • vue概述sd 在官方文档中,有一句话对Vue的定位说的很明确:Vue.js 的核心是一个允许采用简洁的模板语法来...
    去年的牛肉阅读 4,087评论 0 1
  • vue概述 在官方文档中,有一句话对Vue的定位说的很明确:Vue.js 的核心是一个允许采用简洁的模板语法来声明...
    li4065阅读 7,274评论 0 25
  • Swift1> Swift和OC的区别1.1> Swift没有地址/指针的概念1.2> 泛型1.3> 类型严谨 对...
    cosWriter阅读 11,142评论 1 32
  • 这篇笔记主要包含 Vue 2 不同于 Vue 1 或者特有的内容,还有我对于 Vue 1.0 印象不深的内容。关于...
    云之外阅读 5,079评论 0 29
  • 主要还是自己看的,所有内容来自官方文档。 介绍 Vue.js 是什么 Vue (读音 /vjuː/,类似于 vie...
    Leonzai阅读 3,375评论 0 25