Vue komponentiniň gurluşy
Her bir komponent aşakdaky iki tegdän ybarat bolmaly:
<script>
</script>
<template>
</template>
template teginde biz komponentiň
görnüşini, ýagny sahypanyň html
gurluşyny ýazýarys:
<template>
<div>
Hello World
</div>
</template>
script teginde bolsa komponentiň
JavaScript kodyny ýazýarys.
Bu kod komponent faýlymyzdan eksport edilýän
obyekti görkezmeli:
<script>
export default {
}
</script>
Eksport edilýän obýektde komponentiň dürli sazlamalary we funksiýalary görkezilýär. Bu sazlamalaryň biri şol komponentiň ady:
export default {
name: 'App',
}
template teginde öz komponentiňiz üçin
birnäçe taglar bilen tekst ýazyň.
