<div id="app-7">
  <ol>
    <!--
      現(xiàn)在我們?yōu)槊總€ todo-item 提供 todo 對象
      todo 對象是變量，即其內(nèi)容可以是動態(tài)的。
      我們也需要為每個組件提供一個“key”，稍后再
      作詳細解釋。
    -->
    <todo-item
      v-for="item in groceryList"
      v-bind:todo="item"
      v-bind:key="item.id">
    </todo-item>
  </ol>
</div>


Vue.component('todo-item', {
  props: ['todo'],
  template: '<li>{{ todo.text }}</li>'
})


var app7 = new Vue({
  el: '#app-7',
  data: {
    groceryList: [
      { id: 0, text: '蔬菜' },
      { id: 1, text: '奶酪' },
      { id: 2, text: '隨便其它什么人吃的東西' }
    ]
  }
})

v-bind的作用是當父組件的值修改時，子組件會更新。
那這里為什么不能用todo="item"，要用 v-bind:todo="item"把父組件的值傳過去呢？？這跟更新應該沒關系吧。ps：本人新手。。