vue prop 父组件向子组件通信

vue父组件向子组件传递数据，prop，附上代码供大家参考

<ul>
<!--一般会在组件中设置一个明确的减，主要是用来提高性能，一般设置为key="#this",就是自己-->
<todo-list v-for="(item,index) in todos" key="*this" v-bind:todos-Item="item" v-bind:todos-Index="index"></todo-list>
</ul>

js 代码

<script>
Vue.component("todo-list",{
template:'<li>代办事项：{{todosItem}}</li>',
// template:'<li>代办事项：{{todos-Item}}</li>',//这里不能使用“-”字符串(todos-Item),在js中-会被识别为减号
props:["todos-Item",'todos-Index']
})
var vm = new Vue({
el:"#app",
data:{
todos:[
"买菜",
"学习",
"打游戏"
]
}

})
</script>