Workshop 4

Vue Plugins, Mixins, Dyrectives, Filters, Watchers

Zadanie 1:

• Utwórz globalny dyrektywę, która będzie zmieniała 'background-color' danego elementu. Kolor powinien być przekazywany jako wartość tej dyrektywy.

• Przy pomocy nowej dyrektywy zmień kolor tła tabeli

Zadanie 2:

• Utwórz niestandardowy filtr, który będzie formatował numer telefonu do takiej postaci: +48 123 345 678

Zadanie 3:

• Wykorzystując poznany już sposób definiowania watcherów, zaimplementuj funkcjonalność autocomplete w komponencie MyInput.vue. np. strzał do API po 3 wpisanych literach, zwracana lista może zawierać imiona pracowników. Wykorzystaj Promise i setTimeout do zasymulowania wysłania requesta do API.