Vue组件的使用

步骤1：

定义一个组件

Vue.component('todo-item',{

       template:'<li></li>'

})

步骤2：

应用组件

<ul>

       <todo-item></todo-item>

</ul>

步骤3：

通过:content属性给组件todo-item传参

<todo-item v-for="(item, index) of list" :key="index"  :content="item"></todo-item>

Vue.component('todo-item',{

       props:['content'],

       template:'<li>{{content}}</li>'

})

备注：组件名不能用大写