Routing

Hybrix Vuejs is having file base routing setup. When you create a file in the "pages" directory, it becomes a route that can be accessed through the URL.

For example, if you create a file called "about.vue" in the "pages" directory, it can be accessed through the URL "http://localhost:8080/about".

Here's an example of how you can create a simple routing system using Vue.js:

How to add new route ?

You can easily add, change or remove any route by simply making changes described below:

1. You will find "pages" directory, create file called "about.vue" in it.
2. In the "about.vue" file, add the following code:

<script>

</script>
<template>
    Welcome to my Vue js app!
</template>

3. Go to "http://localhost:8080/about" to see the about page.
4. You can create as many pages as you want using this method.

Note : you don't need to restart the development server in order to see the menu changes getting in effect