组件应用构建和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中将操作的数据显示出来