...
Figuur 2: Resultaat jQuery
Vue
Het duurde even tot ik de syntax van vue begreep. Dit komt vooral omdat het niet op iets lijkt wat ik al eerder gebruikt heb. Het duurde daarom relatief gezien best lang om dit voor elkaar te krijgen maar omdat vue een erg populaire framework is kon ik genoeg hulp vinden op het internet.
| Code Block | ||||||||||
|---|---|---|---|---|---|---|---|---|---|---|
| ||||||||||
<script>
export default {
data(){
return{
"dashboards": [
{
ID: 1,
car: 'BMW',
driver: 'Erik'
},
{
"ID": 2,
"car": "AUDI",
"driver": "Wijnand"
},
{
"ID": 3,
"car": "Mercedes",
"driver": "Thomas"
}
]
}
}
}
</script>
<template>
<h1>Dashboards</h1>
<ul>
<li v-for="(dashboard,index) in dashboards" :key="dashboard.car">Auto: {{dashboard.car}} Coureur: {{dashboard.driver}} <button>kijk mee</button></li>
</ul>
</template> |
...