使用平級(jí)組件
1.定義兩個(gè)vue組件
2.在父組件中import導(dǎo)入這兩個(gè)組件
3.導(dǎo)入路由組件vue-router
4.定義路由對(duì)象并把兩個(gè)vue組件注冊(cè)到對(duì)象中
var router = new VueRouter({
routes:[
{path: '/account',component: account},
{path: '/goodslist',component: goodslist}
]
})
5.把路由對(duì)象注冊(cè)到父vue組件中
new Vue({
router: router
})
6.在父vue組件的模板中使用
<router-link to="/count"></router-link>
<router-view></router-view>
7.定義默認(rèn)路由組件
使用子組件
其他地方和平級(jí)相同
定義父組件時(shí)
var router = new VueRouter({
routes:[
{
path: '/account',
component: account,
children: [
{path: '/login',component: login},
{path: '/register',component: register}
]
},
{path: '/goodslist',component: goodslist}
]
})
