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>

原文地址:https://www.cnblogs.com/webwangjie/p/7404143.html