collapse
property determines if the component starts hidden and with the option of clicking on the menu to open or show the options
<template>
<vs-navbar collapse v-model="activeItem" class="p-2">
<div slot="title">
<vs-navbar-title>
<span>Vuexy</span>
</vs-navbar-title>
</div>
<vs-navbar-item index="0">
<a href="#">Home</a>
</vs-navbar-item>
<vs-navbar-item index="1">
<a href="#">News</a>
</vs-navbar-item>
<vs-navbar-item index="2">
<a href="#">Update</a>
</vs-navbar-item>
</vs-navbar>
</template>
<script>
export default {
data: () => ({
activeItem: 0
})
}
</script>