0.1.2 data數組內透過prop傳遞多筆資料

by BDeer

HTML

<div id="test">
 <bt v-for="item in groceryList" :door="item" :key="item.id"></bt>
</div>
	
	<script>
    Vue.component('bt', {
			props: ['door'],
			template: `
			<li>{{ door.id }}{{ door.text }}</li>
			`
		}) 
		var app = new Vue({
 
    
			el: '#test',
			data: {
				groceryList: [
					{ id: 1, text: '第一顆按鈕' },
					{ id: 2, text: '第二顆按鈕' },
					{ id: 3, text: '第三顆按鈕' }
				]
			}
		})
	</script>