How does vue switch routes
This article mainly introduces the relevant knowledge of "how to switch routes in vue". Xiaobian shows you the operation process through actual cases. The operation method is simple, fast and practical. I hope this article "how to switch routes in vue" can help you solve the problem.
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'
2. After vue and vue-router are introduced, register the route in the project using Vue.use method;
Vue.use(Router)
3. After the route is registered, three routes are defined in the page to switch;
export default {
name:"AComponent"
}
export default {
name:"BComponent"
}
export default {
name:"CComponent"
}
4. After the route is defined, execute the following code in the project to configure the route;
{
path: '/index',
name: 'index',
component: resolve => require(['@/components/routerTab/index.vue'],resolve),
children:[
{
path:'aaa',
component: resolve => require(['@/components/routerTab/A.vue'], resolve)
},
{
path: 'bbb',
component: resolve => require(['@/components/routerTab/B.vue'],resolve)
},
{
path: 'ccc',
component: resolve => require(['@/components/routerTab/C.vue'],resolve)
}
]
}
5. Finally, after the route is configured, use the el-menu-item label to set the route and click Switch;
ABC on "how to switch routes vue" content introduced here, thank you for reading. If you want to know more about industry-related knowledge, you can pay attention to the industry information channel. Xiaobian will update different knowledge points for you every day.
