Vue JS, menu dat bestaat uit 1 component.
Code (php)
1
2
2
{ path: '/food', component: Menu, props: {url_1: '/cold_food', url_1_name: 'Cold Food', url_2: '/warm_food', url_2_name: 'Warm food' } }
{ path: '/drinks', component: Menu, props: {url_1: '/cold_drinks', url_1_name: 'Cold Drinks', url_2: '/warm_drinks', url_2_name: 'Warm drinks' } }
{ path: '/drinks', component: Menu, props: {url_1: '/cold_drinks', url_1_name: 'Cold Drinks', url_2: '/warm_drinks', url_2_name: 'Warm drinks' } }
Met deze code duid ik aan dat de variabelen in dat component kunnen overschreven worden aan de hand van op welke router je zit.
Ik vroeg me alleen af of er geen betere manier was om dit zo te doen?
Als het om de styling gaat dan kun je de HTML elementen toch gewoon van een class voorzien?
Welke variabelen zou je willen overschrijven en waarom?
Op welke router je zit? Bedoel je route zonder r? Dan kan ik er misschien nog iets van maken maar anders weet ik het even niet.