Home

Hi! This is a simplified version of the responsive menu I implemented in the Admin Panel of a project some time ago. Maybe it can help newcomers to Vue.js and Vue Router to have some ideas of how to start puting the framework, router, styles and other concepts together.

You can find the Github Repository of this menu here.

The menu can be easily customized changing:

  1. src/components/Menu.vue where the root level itens can be found.
  2. src/components/support/menu-data.js where the childs of root level itens can be found.
  3. src/router.js where each route can be mapped to load the correspondent component. For the sake of simplicity, with exception of the home route, the sections are loaded dynamically in this example.