как отрендерить массив во vue

Vue.config.productionTip = Vue.config.devtools = false;
new Vue({
	el: "#app",
	data: {
		list: [
			{ firstName: "Vova", lastName: "Uukina", position: "Manager" },
			{ firstName: "Oleg", lastName: "Turlevich", position: "Manager" },
			{ firstName: "Nika", lastName: "Arkadieva", position: "Student" }
		]
	}
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.17/vue.js"></script>
<div id="app">
	<ul>
		<li v-for="(item, index) in list" :key="index">
			<h4>{{ item.firstName }} {{ item.lastName }} </h4>
			<p>{{ item.position }}</p>
		</li>
	</ul>
</div>