How to define vue nested routing

Most people do not understand the knowledge points of this article "how to define vue nested routing", so the editor summarizes the following content, detailed content, clear steps, and has a certain reference value. I hope you can get something after reading this article. Let's take a look at this "how to define vue nested routing" article.

The specific steps are as follows:

1. First, create a new html project and introduce vue and vue-router into the project

Import Vue from 'vue'

Import Router from 'vue-router'

After the introduction of 3.vue and vue-router, use the Vue.use method to register routes in the project

Vue.use (Router)

3. After the route is registered, continue to introduce home and game components into the project

Import home from ". / home.vue"

Import game from ". / game.vue"

4. Finally, with the introduction of home and game components, nested routes can be defined by using const routes statements in the project

Const routes = [

{path: "/", redirect: "/ home"}

{

Path: "/ home", component: home

Children: [

{path: "/ home/game", component: game}

]

}

]

The above is about the content of this article on "how to define vue nesting routing". I believe we all have some understanding. I hope the content shared by the editor will be helpful to you. If you want to know more about the relevant knowledge, please follow the industry information channel.