Vue 2.0 Hello World
HTML
<script src="https://unpkg.com/vue"></script>
<div id="app">
<ul v-for="(service, index) in services" :key="index">
<li v-for="(item, key) in service" :key="key">{{key}}: {{item}}</li>
</ul>
</div>
JavaScript
new Vue({
el: '#app',
data: {
services: [
{
"Lavandería": {
"id": 1,
"name": "Lavandería",
"img": "rinse.png",
"Servicios": [
{"model":"Sentra", "doors":4},
{"model":"Maxima", "doors":4},
{"model":"Skyline", "doors":2}
]
},
"Tintorería": {
"id": 2,
"name": "Tintorería",
"img": "shirt-2.png",
"Servicios": [
{"model":"Sentra", "doors":4},
{"model":"Maxima", "doors":4},
{"model":"Skyline", "doors":2}
]
},
"Planchado": {
"id": 3,
"name": "Planchado",
"img": "iron.png",
"Servicios": [
{"model":"Sentra", "doors":4},
{"model":"Maxima", "doors":4},
{"model":"Skyline", "doors":2}
]
},
"Otros": {
"id": 4,
"name": "Otros",
"img": "wring.png",
"Servicios": [
{"model":"Sentra", "doors":4},
{"model":"Maxima", "doors":4},
{"model":"Skyline", "doors":2}
]
}
}
]
}
})