Vue.js

Komme i gang med Vue.js

Oversikt

Vue er et progressivt JavaScript-rammeverk for å bygge brukergrensesnitt. Det er designet for å kunne tas i bruk gradvis og fokuserer på view-laget, noe som gjør det enkelt å integrere med andre biblioteker eller eksisterende prosjekter.

Komme i gang

Etter at du har klonet repository, følger du disse trinnene:

1

Installer avhengigheter

npm install
2

Start utviklingsserveren

npm run dev
3

Bygg for produksjon

npm run build

Prosjektstruktur

├── src/
│   ├── assets/         # Statiske ressurser (bilder, fonter)
│   ├── components/     # Vue-komponenter
│   ├── views/          # Sidekomponenter
│   ├── router/         # Vue Router-konfigurasjon
│   ├── stores/         # Pinia/Vuex-stores
│   ├── App.vue         # Rotkomponent
│   └── main.js         # Inngangspunkt for applikasjonen
├── public/             # Offentlige statiske filer
├── index.html          # HTML-inngangspunkt
├── vite.config.js      # Vite-konfigurasjon
└── package.json        # Avhengigheter og skript

Viktige konsepter

Single File Components

Vue-komponenter kombinerer mal, skript og stiler i .vue-filer.

Composition API

Bruk setup() eller <script setup> for reaktiv state-håndtering.

Reaktive data

Bruk ref() og reactive() for reaktiv state.

Nyttige kommandoer

npm run dev Start utviklingsserveren med hot reload
npm run build Bygg for produksjon
npm run preview Forhåndsvis produksjonsbygg lokalt
For mer informasjon, besøk den offisielle Vue-dokumentasjonen.