组件应用构建和props的使用想法
[链接]（https://cn.vuejs.org/v2/guide/index.html）
需要自己的一些想法
props的使用，是为了从父作用域将数据传到子组件中
index.html

<div id="element">
  <ol>
    <todo-item
       v-for="item in groceryList"
       v-bind:todo="item"
       v-bind:key="item.id" 
      ></todo-item>
  </ol>
</div>

js中

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

let vm = new Vue({
  el:"#element",
  data:{
    groceryList:[
      {id:0,text:'跑步'},
      {id:1,text:'吃饭'},
      {id:2,text:'锻炼'}
    ]
  }
})

自我理解，props,可以将vm中的数据传递到组件中，子组件中通过props，借助v-for命令将其中的值复制到子组件中，基本流程就是v-for遍历groceryList,将遍历后的内容复制到props中的todo,在template中将操作的数据显示出来