Obsługa zdarzeń w Vue.js za pomocą dyrektywy v-on

Ten wpis jest 8 częścią z 8 w kursie Vue.js

Aby aplikacja była ciekawa, musi pozwalać użytkownikowi na interakcję. Może to być nie tylko wprowadzanie danych do pól formularzy, ale również reagowanie na zdarzenia kliknięcia, czy ruchy myszką. Niezależnie od tego, jaki rodzaj interakcji chcesz oprogramować, Vue.js pozwoli Ci obsłużyć go za pomocą dyrektywy v-on.

Metody oraz pola typu computed w Vue.js

Ten wpis jest 7 częścią z 8 w kursie Vue.js

Czasami musisz zrobić coś więcej, niż tylko wyświetlić pola komponentu w szablonie. Np. mając pola firstName i lastName chcesz wyświetlić pełne imię i nazwisko osoby. Oczywiście możesz zrobić to za pomocą wyrażenia w szablonie {{ firstName + ‚ ‚ + lastName }}. Jest to jednak mało efektywne, i to z kilku powodów. Co, jeśli tę samą wartość musisz wyświetlić w innym miejscu? Co, …

Atrybuty class i style w Vue.js

Ten wpis jest 6 częścią z 8 w kursie Vue.js

Czym dla mnie jest Vue.js? To przede wszystkim genialne „developer experience”, czyli taki UX, ale w odniesieniu do wygody korzystania z narzędzia przydatnego w pracy programisty. Świetnym tego przykładem jest fakt, że Vue traktuje inaczej dwa atrybuty html – class i style – sprawiając, że korzystanie z tego frameworka jest przyjemniejsze. Tego, co dokładnie się tam dzieje dowiesz się z tego …

Dyrektywy warunkowe w Vue.js

Ten wpis jest 4 częścią z 8 w kursie Vue.js

Pisząc aplikacje w Vue.js często spotkasz się z sytuacją, w której wyświetlenie lub nie danego elementu będzie zależało od wartości zmiennej. Właśnie do tego służą dyrektywy warunkowe v-if, v-else, v-else-if, (oraz w pewnym sensie v-show), które odpowiadają instrukcjom warunkowym znanym z JavaScript. To właśnie te dyrektywy Ci dziś zademonstruję. Pokazywanie i ukrywanie elementów za pomocą dyrektywy v-if Najbardziej podstawową dyrektywą umożliwiającą pokazywanie elementów …