vue <router-view />
使用
在APP.vue主组件中,内容上就只有<router-view></router-view>
,然后在其他页面也有<router-view></router-view>
,
可以理解为:
一层路径(/xxx)
对应一个router-view
比如url: /a/b/c (假设a、b、c都为正常路径,不会作为参数)
那/a
对应的就是App.vue
中的router-view
,/a
进入a.vue
中
那/a/b
对应的就是a.vue
中的router-view
,/a/b
进入b.vue
中
<div id="app">
<router-view />
</div>
当访问/foo
时,router-view
就被Foo
组件代替了
router.map({
'/foo':{
component: Foo
}
})