Vue/for

sample1
  • {{ drink }}
sample1code
new Vue({
  el: "#sample",
  data: {
  	drinks: [
  	  "coffee",
  	  "water",
  	  "tea"
  	]
  }
})
li v-for="drink in drinks">{{ drink }}/li>
	
sample2
  • {{index+1 + ":" + value}}
sample2code
new Vue({
  el: "#sample2",
  data: {
  	colors: [
  	  "green",
  	  "blue",
  	  "red"
  	]
  }
})
li v-for="(value, index) in colors">
	{{index+1 + ":" + value}}
/li>