<template>
  <div id="todolist">
    <ul>
      <li v-for="todo in todos">
        <todo v-bind:todo="todo"
              v-bind:id="todo.id">  //这里也可以是v-bind:key="todo.id"
        </todo>
      </li>
    </ul>
  </div>
</template>

<script>
  import Todo from './Todo.vue'

  export default {
    components: {
      Todo
    },
    data: function () {
      return {
        todos: [
          { text: 'Learn Vue' },
          { text: 'Do hard things' }
        ]
      }
    }
  }
</script>

这段代码中为什么v-bind:id也可以改成v-bind:key?