2019-11-18

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

js中

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

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中将操作的数据显示出来