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

2019-06-05  本文已影响0人  qiaoguoxing

在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'}这中一个整体

    上一篇 下一篇

    猜你喜欢

    热点阅读