Skip to content

Workshop 3

Łukasz edited this page Feb 21, 2020 · 4 revisions

Zadanie 1:

Utwórz nowy widok np. Employee, umieść go w folderze src/views/. Dodaj go do konfiguracji routera pod path: '/employees/:id', czyli jako dynamiczny routing. Zaimportuj odpowiednio ten komponent w routerze, aby jego kod był dociągany on demand (lazy-loading). Następnie dodaj możliwość używania propsów na poziomie routera i w komponencie wyświetli jakieś podstawowe dane o pracowniku np. imie, nazwisko, email i dodatkowo wyświetl wartość propsa 'id'.

Zadanie 2:

Utwórz komponent MyInput, w taki sposób żeby mozna było na nim użyc dyrektywy v-model, na poziomie parenta. Dodatkowo dodaj odpowiednie propsy zeby mozna było przekazać nazwe labelki, oraz wykorzystując inheritAttrs i $attrs, zmień domyślne dziedziczenie natywnych atrybutów na element **input **i ustaw z pozoiomu parenta np. placeholder.

Clone this wiki locally