《Vue2.0 列表渲染指令》

我们可以用 v-for 指令基于一个数组来渲染一个列表。v-for 指令需要使用 item in items 形式的特殊语法，其中 items 是源数据数组，而 item 则是被迭代的数组元素的别名。

<template>
  <div>
    <ul>
      <li v-for="item in dataList" :key="item.id">{{ item.name }}</li>
    </ul>
  </div>
</template>

<script>
export default {
  data(){
    return {
      dataList : [
        { id : 1 , name : '派大星' },
        { id : 2 , name : '章鱼哥' },
        { id : 3 , name : '海绵宝宝'}
      ]
    }
  }
}
</script>