Vue-də necə səhifə yaradırsınız?

Vue səhifəsi adətən ayrıca komponent (.vue faylı) kimi yaradılır və üç bölmədən ibarətdir: <template>, <script> və <style>.

<template>: Səhifənin HTML quruluşunu müəyyən edir və Vue şablon sintaksisindən istifadə edərək məlumatlar və məntiqi bağlayır.
```
<template>
  <div>
    <h1>{{ pageTitle }}</h1>
    <p>{{ pageContent }}</p>
  </div>
</template>
```

<script>: Səhifənin JavaScript məntiqini ehtiva edir, burada məlumatların (data), hesablanan xüsusiyyətlərin (computed), metodların (methods), həyat dövrü hooklarının və digər komponent seçimlərinin təyin edilməsi olur.

<script>
export default {
  data() {
    return {
      pageTitle: 'Mənim Vue səhifəm',
      pageContent: 'Bu, mənim ilk Vue səhifəmin məzmunudur.'
    };
  },
  mounted() {
    // Komponentin montajından sonra icra olunan məntiq
    console.log('Səhifə montaj olundu!');
  }
}
</script>

<style>: Komponentə tətbiq olunan CSS üslublarını ehtiva edir. scoped modifikatorundan istifadə edilə bilər ki, üslublar yalnız bu komponentə aid olsun.
```
<style scoped>
h1 {
  color: blue;
}

p {
  font-size: 16px;
}
</style>
```

Yaradılmış komponent daha sonra yönləndirmə faylına (vue-router istifadə edilərək) idxal edilir və müəyyən URL-ə bağlanır, bu da həmin ünvana keçid edildikdə bu səhifənin göstərilməsinə imkan verir.

// router/index.js (vue-router nümunəsi)
import { createRouter, createWebHistory } from 'vue-router';
import MyPage from '@/views/MyPage.vue'; // Səhifə komponentinin idxalı

const routes = [
  {
    path: '/m-səhifə', // Səhifənin URL-i
    name: 'MyPage',
    component: MyPage // Göstəriləcək komponent
  }
];

const router = createRouter({
  history: createWebHistory(process.env.BASE_URL),
  routes
});

export default router;

Əsas tətbiq faylında (main.js) router Vue instansiyasına qoşulur.

// main.js
import { createApp } from 'vue';
import App from './App.vue';
import router from './router';

createApp(App).use(router).mount('#app');

Qısaca, Vue səhifəsi yaratmaq onun strukturunu, məntiqini və üslublarını təsvir edən komponent yaratmaq və bu komponenti müəyyən URL-də göstərmək üçün router-u konfiqurasiya etməkdən ibarətdir.