vue-组件注册

<div id="app-7">
 <ol>
 <!--
 如今咱们为每一个 todo-item 提供 todo 对象
 todo 对象是变量，即其内容能够是动态的。
 咱们也须要为每一个组件提供一个“key”，稍后再
 做详细解释。
 -->
 <todo-item
 v-for="item in groceryList"
 v-bind:todo="item"
 v-bind:key="item.id">
 </todo-item>
 </ol>
</div>

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

var app7 = new Vue({
 el: '#app-7',
 data: {
 groceryList: [
 { id: 0, text: '蔬菜' },
 { id: 1, text: '奶酪' },
 { id: 2, text: '随便其它什么人吃的东西' }
 ]
 }
})