Skip to content

Conversation

@rico-danielo
Copy link

<title>Cafe with a Vue</title>

{{ restaurantName }}

Bienvenue dans notre café {{ restaurantName }}! Nous sommes réputés pour notre pain et nos merveilleuses pâtisseries. Faites vous plaisir dès le matin ou avec un goûter réconfortant. Mais attention, vous verrez qu'il est difficile de s'arrêter.

		<h2>Contactez nous</h2>
		<p>Adresse : {{ postal }}</p>
		<p>Téléphone : {{ telefone }}</p>
		<p>Email : {{ email }}</p>
		<p>Horaires :</p>
		<ul>
			<li>L-V: 06:00 à 16:00</li>
			<li>Samedi: 07:00 à 14:00</li>
			<li>Dimanche: 07:00 à 12:00</li>
		</ul>

		<footer class="footer">
			<p>Copyright {{ footer }}</p>
		</footer>
	</div>

	<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
	<script>
		const app = new Vue({
			el: '#app',
			data: {
				restaurantName: "Cafe avec vue",
                telefone: "01 88 82 88 88",
                email: "hello@cafewithavue.bakery",
                postal: "18 avenue du Beurre, Paris, France"
			},
            computed: {
                footer(){
                    return this.restaurantName  + 2019
                }
            }
		})
	</script>
</body>

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants