دورة vue js للمبتدئين الدرس الحادي عشر
1- كيفيفة تثبيت vue cli
//App.vue
<template>
<div>
<div class="container">
<h1 class="text-danger text-center mt-2">{{name}}</h1>
</div>
</div>
</template>
<script>
export default{
name : 'App',
data(){
return{
name : 'Gestion de dépenses'
}
},
}
</script>
<style scoped>
</style>
2- إضافة les components
//Gains.vue
<template>
<div>
<h3 class="text-info">Gains</h3>
<hr>
</div>
</template>
<script>
export default{
name : 'Gains',
data(){
return {
}
}
}
</script>
<style scoped>
</style>
3- إضافة les components تتمة
//Depenses.vue
<template>
<div>
<h3 class="text-info">Dépenses</h3>
<hr>
</div>
</template>
<script>
export default{
name : 'Depenses',
data(){
return {
}
}
}
</script>
<style scoped>
</style>