温馨提示×

vue如何建立子路由

vue
养鱼的猫咪
703
2021-05-12 11:03:26
栏目: 编程语言

在vue中建立子路由的方法:1.新建html项目,引入vue和vue-router;2.使用Vue.use方法注册路由;3.定义路由;4.在children属性中添加子路由;

vue如何建立子路由

具体步骤如下:

1.首先,在新建一个html项目,并在项目中引入vue和vue-router;

import Vue from 'vue'

import Router from 'vue-router'

2.vue和vue-router引入好后,在项目中使用Vue.use方法注册路由;

Vue.use(Router)

3.路由注册好后,在页面中定义一个路由;

export default new Router({

routes: [

{

path : ‘/’,

name : ‘Home’,

component : HelloWorld,

children:[

{path:'/', component: Child},

]

},

]

})

4.最后,路由定义好后,在children属性中添加上子路由路径即可;

export default new Router({

routes: [

{

path : ‘/’,

name : ‘Home’,

component : HelloWorld,

children:[

{path:'/', component: Child},

{path:'/Mes/Child', component: Child},

]

},

]

})

0