1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
<!-- html -->
<div id="app">
	<ol>
		<book-item v-for="item in books" v-bind:book="item"></book-item>
	</ol>
</div>

<script>
//组件定义：book-item
Vue.component('book-item',{
	props: ['book'],
	template: '<li>{{book.title}}</li>'
})

//Vue对象实例化
var vm = new Vue({
	el: '#app',
	data: {
		books: [
			{title: 'javascript'},
			{title: 'Vue.js'},
			{title: 'node.js'}
		]
	}
})
</script>