К содержанию

Vue3:n perusopas

Opas JavaScript-kehykselle Vue3. Aloittelijoille. Paljon teoriaa ja tehtäviä.

Уроки

Johdatus Vue-kehystykseen

Vue-kehyksen asennus

Vue-komponentin rakenne

Data-objekti Vue:ssa

Attribuuttien käsittely Vue-frameworkissa

Koodin suorittaminen Vue-näkymissä

Taulukot Vue:ssa

Objektit Vue:ssa

Menetelmien käyttö Vue-kehyksessä

Tapahtumankäsittelijöiden liittäminen Vue:ssa

Datojen käsittely Vue-metodeissa

Apumenetelöt Vue:ssa

Parametrien välittäminen metodiin Vue:ssa

Reaktiivisuus Vue-frameworkissa

Lasketut ominaisuudet Vuessa

Tapahtumamuokkaajat Vue-kehyksessä

Ehdot

Ehdollinen näyttäminen Vuessa

Ehdon kääntäminen Vue:ssa

Reaktiivinen ehto Vue:ssa

Elementtien vaihtaminen Vue:ssa

Tekstin vaihto toggle-toiminnossa Vue:ssa

Vue:n v-else-direktiivi

Monimutkaiset ehdot Vue:ssa

V-else-if-direktiivi Vue:ssa

Ehdolliset ryhmät Vue:ssa

V-show-direktiivi Vue:ssa

Silmukat

Taulukoiden iterointi Vue:ssa

Taulukoiden iterointiavaimien saaminen Vuessa

Objektien iterointi Vue:ssa

Tagiryhmän läpikäynti Vue:ssa

Objektitaulukon iterointi Vue:ssa

Silmukka alueella Vuessa

Ehdot silmukoissa Vue:ssa

Key-attribuuti Vuesa

Taulukoiden reaktivisuus Vuessa

Tyylit

Komponentin tyylittely Vue-frameworkissa

Class-attribuutti Vue-frameworkissa

CSS-luokkaolio Vuesa

Objektin reaktiivisuus CSS-luokkien kanssa Vue:ssa

Inline-objekti CSS-luokilla Vue:ssa

CSS-luokat datan kautta Vuesa

Tyylittely style-attribuutin kautta Vuesta

Lomakkeet

Kaksisuuntainen datan sitominen input-kenttiin Vue:ssa

Lomaketietojen hakeminen tapahtuman perusteella Vuessa

Textarea-elementin käsittely Vuesta

Checkboxin käsittely Vuesa

Checkbox-arvot taulukkona Vue:ssä

Radionappien käsittely Vuesa

Selectin käyttö Vuesa

Selectin muodostaminen silmukassa Vue:ssa

Elementtien lukitseminen Vuessa

Näppäimen muokkaajat Vue-frameworkissa

Lomake taulukon elementtien lisäämiseksi Vue:ssa

Painike taulukon elementin poistamiseksi Vue:ssa

Poistopainike objektitaulukosta Vue:ssa

Taulukko-objektien muokkauslomake Vue:ssa

Komponentit

Komponenttien käyttö Vuesa

Lapsikomponenttien luominen Vuessa

Tietojen välittäminen komponenttiin JavaScriptissä

Tietojen siirto minkä tahansa tyyppisiä Vue:ssa

Olion data ominaisuuksien välittäminen Vue:ssa

Prop-tyypin määrittäminen Vue:ssa

Komponenttien luominen silmukassa Vue:ssa

Yksisuuntainen tietovirta Vue:ssa

Tapahtumien lähettäminen Vuesa

Tapahtumaparametrit Vue:ssa

Tapahtuman lähettäminen attribuutissa Vue:ssa

Reaktiivinen komponenttien poisto Vue:ssa

Komponentin datan reaktiivinen muokkaus Vue:ssa

Komponentti tiedon lisäämiseen Vue:ssa

Projektit

Projektin tarkistuslista Vue:ssa

Muistikirja-projekti Vue:ssa