К содержанию

Tutorialul de bază Vue3

Tutorial despre framework-ul JavaScript Vue3. Pentru începători. Multă teorie și sarcini practice.

Уроки

Introducere în framework-ul Vue

Instalarea framework-ului Vue

Structura componentei Vue

Obiectul data în Vue

Lucrul cu atribute în framework-ul Vue

Executarea codului în view-urile Vue

Matrice în Vue

Obiecte în Vue

Lucrul cu metode în framework-ul Vue

Atașarea manipulatoarelor de evenimente în Vue

Lucrul cu datele în metodele Vue

Metode Helper în Vue

Transmiterea parametrilor într-o metodă în Vue

Reactivitatea în framework-ul Vue

Proprietăți Calculate în Vue

Modificatori de evenimente în framework-ul Vue

Condiții

Afișare condiționată în Vue

Inversarea condiției în Vue

Condiție Reactivă în Vue

Afișarea și ascunderea elementelor în Vue

Schimbarea textului la toggle în Vue

Directiva v-else în Vue

Condiții complexe în Vue

Directiva v-else-if în Vue

Grupuri condiționale în Vue

Directiva v-show în Vue

Bucle

Iterarea array-urilor în Vue

Obținerea cheilor la iterarea prin array-uri în Vue

Iterarea obiectelor în Vue

Iterarea unui grup de tag-uri în Vue

Iterarea unui array de obiecte în Vue

Buclă în interval în Vue

Condiții în bucle în Vue

Atributul key în Vue

Reactivitatea array-urilor în Vue

Stiluri

Stilizarea componentelor în framework-ul Vue

Atributul class în framework-ul Vue

Obiect cu clase CSS în Vue

Reactivitatea obiectului cu clase CSS în Vue

Obiect inline cu clase CSS în Vue

Clase CSS prin data în Vue

Stilizarea prin atributul style în Vue

Formulare

Legarea bidirecțională a datelor la input-uri în Vue

Obținerea datelor din formular la eveniment în Vue

Lucrul cu textarea în Vue

Lucrul cu checkbox în Vue

Matricea valorilor checkbox în Vue

Lucrul cu radio în Vue

Lucrul cu select în Vue

Generarea unui select într-o buclă în Vue

Blocarea elementelor în Vue

Modificatori de taste în framework-ul Vue

Formular pentru adăugarea elementelor într-un array în Vue

Buton pentru ștergerea unui element din matrice în Vue

Buton pentru ștergerea din matricea de obiecte în Vue

Formular pentru editarea unui array de obiecte în Vue

Componente

Lucrul cu componente în Vue

Crearea componentelor copil în Vue

Transmiterea datelor într-un component în JavaScript

Transmiterea datelor de orice tip în Vue

Transmiterea proprietăților obiectului data în Vue

Specificarea tipului de props în Vue

Crearea componentelor în buclă în Vue

Flux de date unidirecțional în Vue

Emiterea evenimentelor în Vue

Parametrii evenimentelor în Vue

Emiterea unui eveniment într-un atribut în Vue

Ștergerea reactivă a componentelor în Vue

Editarea reactivă a datelor componentei în Vue

Componentă pentru adăugarea datelor în Vue

Proiecte

Proiect Listă de Verificare în Vue

Proiectul Notițe în Vue