（6）打鸡儿教你Vue.js

循环语句

循环使用 v-for 指令

<div id="app"> <ol> // 有序  <li v-for="item in items">   {{ items.name }}  </li> </ol></div><script>new Vue({ el: '#app', data: {  items: [  {}, ]}})</script>

<ul> <template v-for="item in items">  <li>{{item.name}}</li> </template></ul>

<div id="app">  <ul>    <li v-for="value in object">    {{ value }}    </li>  </ul></div>

<script>new Vue({  el: '#app',  data: {    object: {      name: ''    }  }})</script>

<div id="app">  <ul>    <li v-for="(value, key) in object">    {{ key }} : {{ value }}    </li>  </ul></div>

<div id="app">  <ul>    <li v-for="(value, key, index) in object">     {{ index }}. {{ key }} : {{ value }}    </li>  </ul></div>

<div id="app">  <ul>    <li v-for="n in 10">     {{ n }}    </li>  </ul></div>

请点赞！由于你的鼓励是我写作的最大动力！

官方微信公众号

吹逼交流群：711613774

吹逼交流群