The v-ons-tabbar component has a **tabs** property. In vueJS, a property starting with a column is **bound** to the local context.
The v-ons-tabbar component has a **tabs property,** set to **val** below.
```javascript
<v-ons-tabbar
position="auto"
:tabs="val"
></v-ons-tabbar>
```
Here the binding occurs with the variable tabs \(declared tabs\(\)\).
In VueJS, a property starting with a **colon** is **bound reactively** to the local context. Here the **tabs property** take the **tabs** value. This value is the return of the tabs\(\) function.
{% hint style="info" %}
Try to change labels or icon in tabs\(\) declaration.
Change labels or icon in tabs\(\) declaration.
Remove an element of the tabs array, what happens?
{% endhint %}
#### The navigator component
The navigator component is in charge of the stack of sub-pages. Whenever the user enter a subpage \(ex. consult a record\), or a sub-sub-page \(ex. modify a record\) ; the navigator updates the stack pages accordingly.