Sending data using props in vue

Checked most of the questions in and out of stackoverflow about the props in vue however, I'm still struggling on how to apply it on what I'm working.

I have a global component that fetch all the menus. Once fetched, it will construct or build the list (menus):

Vue.component('sidenav', require('./components/Sidenav.vue'));

Already did:
- Add prop: [menus] in customer/index.vue
- Set prop to true in router (customer)
- Bind the menu in Sidenav.vue : <input type="hidden" :menus="menus">

Need to achieve:
I want to send the data ("menus") to customer/index.vue using props instead of calling an API.