Bieži vien projektos ir nepieciešams parādīt kādas regulāras tabulas, piemēram mājaslapas valodu sarakstu, teksta konstantes utt., bieži tās ir vienādas un ir diezgan primitīvas. Katru reizi rakstīt to pašu loģiku ir diezgan nepateicīgs uzdevums, tādēļ es izlēmu uzrakstīt Vue 3 komponentu, kas ļaus taisīt tādas tabulas ātrāk.

Mērķis: Uztaisīt Vue komponentu, kas ļaus ātri parādīt satura tabulas, pamatojoties uz datiem no datu bāzes. Tabula ir jāģenerē automātiski, pamatojoties uz nodotajiem propsiem. Komponentam ir jāprot parādīt defaultos laukus, tādus kā datums, teksts utt., balstoties uz dotiem parametriem, bez liekām manupulācijām.

Uzdevums #1: Vue komponents, kas renderēs tabulu sadalot uz lappuūsēm un ar meklēšanas funkcionālu;

Uzdevums #2: Komponentam ir jāpieņem props ar ailīšu tipiem, kas norādīs uz tā, kā tieši ir jāparāda datus;

Uzdevums #3: Komponentam ir jāpieņem props filtrācijas renderam;

Uzdevums #4: Komponentam ir jāpieņem props, kas pievienos pogas katrai rindai, uzspiežot uz katru no tām tiks izsaukta JS funkcija, kur to notikumu var apstrādāt;

Uzdevums #5: Iespēja rediģēt vai izveidot ierakstus tabulā;

Uzdevums #6: Visas tabulas darbības un kontents ir jākonfigurē, izmantojot tikai props;

Uzdevums #7: Komponentam ir jāpieņem links, kur viņs ies pēc datiem vai priekš saglabāšanas. Backendam ir jābūs rakstītam uz PHP izmantojot Laravel freimvorku.