牛骨文教育服务平台(让学习变的简单)
博文笔记

v-for

创建时间:2017-08-11 投稿人: 浏览次数:388

v-for

v-for 指令根据一组数组的选项列表进行渲染。
v-for 指令需要以item in items 形式的特殊语法,items 是源数据组并且item 是数组元素迭代的别名。

        <li v-for="(value,key,index) in object">
            {{index}}.{{key}} {{value}}
        </li>
    //
    data: {
                object: {
                    firstName: "John",
                    lastName: "Doe",
                    age:30}}

整数迭代

多数情况下,它将重复多次模板

<span v-for="n in 10">{{n}}</span>
//12345678910
声明:该文观点仅代表作者本人,牛骨文系教育信息发布平台,牛骨文仅提供信息存储空间服务。