vuejs

Aloitus vuejs kanssa

Yleiskatsaus

Vue.js on progressiivinen JavaScript-kehys käyttöliittymien rakentamiseen. Se on suunniteltu asteittain käyttöönotettavaksi ja keskittyy näkymätasolle, mikä tekee siitä helpon integroida muihin kirjastoihin tai olemassa oleviin projekteihin.

Aloittaminen

Repositorion kloonaamisen jälkeen seuraa näitä vaiheita:

1

Asenna Riippuvuudet

npm install
2

Käynnistä Kehityspalvelin

npm run dev
3

Käännä Tuotantoa Varten

npm run build

Projektirakenne

├── src/
│   ├── assets/         # Staattiset resurssit (kuvat, fontit)
│   ├── components/     # Vue-komponentit
│   ├── views/          # Sivukomponentit
│   ├── router/         # Vue Router -konfiguraatio
│   ├── stores/         # Pinia/Vuex-kaupat
│   ├── App.vue         # Juurikomponentti
│   └── main.js         # Sovelluksen aloituspiste
├── public/             # Julkiset staattiset tiedostot
├── index.html          # HTML-aloituspiste
├── vite.config.js      # Vite-konfiguraatio
└── package.json        # Riippuvuudet ja skriptit

Keskeiset Käsitteet

Yhden Tiedoston Komponentit

Vue-komponentit yhdistävät mallin, skriptin ja tyylit .vue-tiedostoihin.

Composition API

Käytä setup() tai <script setup> reaktiiviseen tilan hallintaan.

Reaktiivinen Data

Käytä ref() ja reactive() reaktiiviseen tilaan.

Hyödyllisiä Komentoja

npm run dev Käynnistä kehityspalvelin hot reload -tuella
npm run build Käännä tuotantoa varten
npm run preview Esikatsele tuotantokäännöstä paikallisesti
Lisätietoja löytyy virallisesta Vue.js Dokumentaatiosta.