...
Figuur 2: Resultaat jQuery
Vue
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> |
Resultaat
figuur 3: resultaat vue
Hoe scoren de frameworks op de criteria
...