2021-04-17 21:56:04 +00:00
|
|
|
<template>
|
2021-04-17 22:03:49 +00:00
|
|
|
<div id="app">
|
|
|
|
<!-- la balise contacts corresponds au composant contacts passé ci-dessous -->
|
|
|
|
<contacts></contacts>
|
|
|
|
</div>
|
2021-04-17 21:56:04 +00:00
|
|
|
</template>
|
|
|
|
|
|
|
|
<script>
|
2021-04-17 22:03:49 +00:00
|
|
|
// importe dans contacts les datas d'une requête rest GET en json
|
|
|
|
import contacts from './Contacts.vue'
|
|
|
|
|
|
|
|
export default {
|
|
|
|
name: 'app',
|
|
|
|
components: {
|
|
|
|
// passe l'objet contacts comme composant
|
|
|
|
contacts,
|
|
|
|
}
|
|
|
|
}
|
2021-04-17 21:56:04 +00:00
|
|
|
</script>
|
|
|
|
|
2021-04-17 22:03:49 +00:00
|
|
|
<style>
|
|
|
|
#app {}
|
|
|
|
.container {}
|
|
|
|
.componentItem{}
|
|
|
|
</style>
|
|
|
|
|