2020-09-01 |

列表-对象输出

对象循环输出

<ul>
    <li v-for="item in items">
    { {item.name} }--{ {item.age} }
    </li>
</ul>

      var app=new Vue({
        el:'#app',
        data:{
            items:[
               {name:"mumu", age:18},
               {name:"zql", age:22},
               {name:"曾庆林", age:28},
            ]
        }
      })

最终效果

<ul>
    <li>  mumu-18  </li>
    <li>  zql-22  </li>
    <li>  曾庆林-28  </li>
</ul>

0

发表评论

    评价:
    验证码: 点击我更换图片
    最新评论