vue v-for(数组遍历)

vue v-for(数组遍历)
2021-10-18 17:53:37

vue v-for(数组遍历)

1.js代码

var box=new Vue({
  　 el:'.box',
     data:{
        msg:['hello','ok','dome'],    //定义一个数组
        msg2:{a:'ok',b:"hello"}　　　　//定义一个对象
     }
 })

2.html代码

<ul class="box">
    <li v-for='value,index in msg'>值:{{value}}   索引:{{index}} </li>  <!--循环数组-->
    <hr />
    <li v-for='value,key,index in msg2'>值:{{value}} 键:{{key}}  索引:{{index}}</li><!--json数组-->
</ul>

3.显示

vue v-for(数组遍历)_js代码

这个人比较懒，笔记也粗糙。没得救了。

本文摘自：https://blog.51cto.com/u

开通会员，享受整站包年服务立即开通 >

vue v-for(数组遍历)2021-10-18 17:53:37

vue v-for(数组遍历)
2021-10-18 17:53:37