Workshop 2

Kontynuowanie pracy nad formularzem

1. Dodanie pluginu Vue Router do projektu za pomocą komendy: npm install vue-router --save.
2. Utwórz plik router.js, zaimportuj vue-router i zaimplementuj podstawowy routing.
3. Zaimportuj i zarejestruj konfiguracje router'a do instancji aplikacji.

Zadanie 1:

• Utwórz komponent NavbarItem, który powinien dynamicznie budować menu, wyświetlać nazwę i przenosić na odpowiednią stronę po naciśnięciu.

Zadanie 2:

• Utwórz komponent MyButton dodaj metodę, która wywoła się na event click i wyświetli tekst w consoli.

Zadanie 3:

• Utwórz zmieną title jako tytuł formularza, następnie utwórz computed properties, który przekształci tytuł formularza na wielkie litery.

• Utwórz computed properties, który wyfiltruje listę positionOptions (Lista jest zdefiniowana w branchu Workshop-1 w komponencie NewEmployeeForm w sekcji data), żeby zostały w niej opcje zawierające developer w nazwie . Następnie użyj tego computed properties w templacie.