Vue

by andig2

HTML

<template id="measurement">
  <p>{{name}} -> {{data.value}}</p>
</template>

<div id="app">
  <p v-for="(m,i) in obj">
    <measurement v-bind:name="i" v-bind:data="m"></measurement>
  </p>
  
  <table v-for="(m,i) in obj">
    <measurement v-bind:name="i" v-bind:data="m"></measurement>
  </table>
</div>

Vue

Vue.component('measurement', {
	template: '#measurement',
	props: {
		name: String,
		data: Object,
	},
});

new Vue({
	el: '#app',
	data: {
		obj: {
			a:{value:"aa"},
			b:{value:"bb"},
		},
	},
});