I have a menu made of items like this

```
<nav-list>
  <nav-item routeUrl="/foo">
  <nav-item>
  <nav-item routeUrl="/bar">
  <nav-item>
</nav-list>

```

How can I access the value of `routeUrl` from inside a `nav-item` component ? 
I would like to compare that value against the current url to apply styles conditionaly to the item.