美文网首页
2019-06-05 注意for in 和vue的v-for指令

2019-06-05 注意for in 和vue的v-for指令

作者: qiaoguoxing | 来源:发表于2019-06-05 18:42 被阅读0次

在vue中

<li v-for="item in todos ">

{{ todo.text }}

</li>

    todos: [

          { text: '学习 JavaScript' },

          { text: '学习 Vue' },

          { text: '整个牛项目' }

        ]

    这里的item就是指{ text: '学习 JavaScript' },这种一整条信息

    在for in 中

    var dog=[

      {   color:'red', year:'1'},

      { color:'white', year:'2'},

      {color:'green',year:'3'}

    ]

    var cat=[];

    for(item in dog){

    cat.push(dog[item])

    }

    这个里面的item只是下标,而不是表示的 {   color:'red', year:'1'}这中一个整体

    相关文章

    网友评论

        本文标题:2019-06-05 注意for in 和vue的v-for指令

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