#4.2 v-for 選用第二個參數(索引)

by BDeer

HTML

<ul id="app">
  <li v-for="(item,index) in items">
  {{ message }}:{{ index }}.{{ item.message }}
  </li>
</ul>

CSS

body {
  background: #20262E;
  padding: 20px;
  font-family: Helvetica;
}

#app {
  background: #fff;
  border-radius: 4px;
  padding: 20px;
  transition: all 0.2s;
}

Vue

let vm = new Vue({
 el: '#app',
 data:{
  message:'This is English',
  items:[
   { message:'Is A'},
   { message:'Is B'},
   { message:'Is C'}
  ]
 }
})