Vue კომპონენტის სტრუქტურა
თითოეული კომპონენტი უნდა შედგებოდეს შემდეგი ორი ტეგისგან:
<script>
</script>
<template>
</template>
template ტეგში უნდა ვწერდეთ
ვერსტკას, ანუ ჩვენი კომპონენტის
წარმოდგენას:
<template>
<div>
Hello World
</div>
</template>
და script ტეგში უნდა ვწერდეთ
ჩვენი კომპონენტის JavaScript კოდს.
ეს კოდი უნდა იყოს ობიექტი, რომელიც
ექსპორტირდება ჩვენი კომპონენტის ფაილიდან:
<script>
export default {
}
</script>
ექსპორტირებულ ობიექტში მითითებულია კომპონენტის სხვადასხვა პარამეტრები და ფუნქციები. ერთ-ერთი პარამეტრია ამ კომპონენტის სახელი:
export default {
name: 'App',
}
template ტეგში თქვენს კომპონენტში
გამოიტანეთ რაიმე ტექსტი ტეგებთან ერთად.
