vue.js中的v-for输出数组理解

<div id="vue">
  <ul v-for='js in jss'>
  <li>{{js.text}}</li>
  </ul>
</div>

v-for='js in jss'这一行命令其实就是for in 循环遍历每个数组对象,然后通过{{js.text}}将每个对象的text属性输出

<script type="text/javascript">
  var vue=new Vue({
    el:'#vue',
    data:{      
      jss:[
        {text:'html5'},
        {text:'css3'},
        {text:'javascript'}
       ]
  }
})
</script>

posted @ 2017-08-21 14:18  野望之风  阅读(1300)  评论(0编辑  收藏  举报