К содержанию

Vue3 Basiscursus

Cursus over het JavaScript-framework Vue3. Voor beginners. Veel theorie en opdrachten.

Уроки

Introductie tot het Vue-framework

Installatie van het Vue-framework

Structuur van een Vue-component

Data object in Vue

Werken met attributen in het Vue-framework

Uitvoeren van code in Vue-weergaven

Arrays in Vue

Objecten in Vue

Werken met methoden in het Vue-framework

Gebeurtenisafhandelingen toevoegen in Vue

Werken met data binnen Vue methoden

Hulpmethoden in Vue

Parameters doorgeven aan methodes in Vue

Reactiviteit in het Vue-framework

Berekende eigenschappen in Vue

Gebeurtenismodifiers in het Vue-framework

Voorwaarden

Conditioneel tonen in Vue

Voorwaarde omkeren in Vue

Reactieve Voorwaarde in Vue

Elementen in- en uitschakelen in Vue

Tekst wijzigen bij het toggleen in Vue

Directive v-else in Vue

Complexe voorwaarden in Vue

Directive v-else-if in Vue

Voorwaardelijke groepen in Vue

De v-show Directive in Vue

Lussen

Arrays doorlopen in Vue

Sleutels verkrijgen bij het doorlopen van arrays in Vue

Objecten doorlopen in Vue

Herhalen van een groep tags in Vue

Arrays van objecten doorlopen in Vue

Lus in bereik in Vue

Voorwaarden in loops in Vue

Het key attribuut in Vue

Reactiviteit van arrays in Vue

Stijlen

Styling van een component in het Vue-framework

Class attribuut in Vue framework

Object met CSS klassen in Vue

Reactiviteit van object met CSS klassen in Vue

Inline object met CSS klassen in Vue

CSS-klassen via data in Vue

Styling via het style attribuut in Vue

Formulieren

Tweerichtingsgegevensbinding aan inputs in Vue

Formuliergegevens ophalen bij event in Vue

Werken met textarea in Vue

Werken met checkbox in Vue

Array van checkbox waarden in Vue

Werken met radio in Vue

Werken met select in Vue

Select vormen in een lus in Vue

Elementen blokkeren in Vue

Toetsmodifiers in het Vue-framework

Formulier voor het toevoegen van array-elementen in Vue

Knop voor het verwijderen van een array-element in Vue

Knop voor verwijderen uit array van objecten in Vue

Formulier voor het bewerken van een array van objecten in Vue

Componenten

Werken met componenten in Vue

Het maken van kindcomponenten in Vue

Data doorgeven aan een component in JavaScript

Gegevens van elk type doorgeven in Vue

Doorgeven van eigenschappen van het data object in Vue

Het specificeren van prop types in Vue

Componenten maken in een lus in Vue

Eenrichtingsgegevensstroom in Vue

Gebeurtenissen emitteren in Vue

Gebeurtenisparameters in Vue

Gebeurtenis emitteren in attribuut in Vue

Reactief verwijderen van componenten in Vue

Reactief bewerken van componentgegevens in Vue

Component voor het toevoegen van gegevens in Vue

Projecten

Project Checklist in Vue

Notitieblok Project in Vue