2020年9月11日
摘要：
有时候想同时 (同级) 展示多个视图，而不是嵌套展示，例如创建一个布局，有 sidebar (侧导航) 和 main (主内容) 两个视图，这个时候命名视图就派上用场了。你可以在界面中拥有多个单独命名的视图，而不是只有一个单独的出口。如果 router-view 没有设置名字，那么默认为 defau 阅读全文
posted @ 2020-09-11 18:20
京鸿一瞥
阅读(131)
评论(0)
推荐(0)
摘要：
有时候，通过一个名称来标识一个路由显得更方便一些，特别是在链接一个路由，或者是执行一些跳转的时候。你可以在创建 Router 实例的时候，在 routes 配置中给某个路由设置名称。 const router = new VueRouter({ routes: [ { path: '/user/:u 阅读全文
posted @ 2020-09-11 17:45
京鸿一瞥
阅读(250)
评论(0)
推荐(0)
摘要：
在 Vue 实例内部，你可以通过 $router 访问路由实例。因此你可以调用 this.$router.push。 想要导航到不同的 URL，则使用 router.push 方法。这个方法会向 history 栈添加一个新的记录，所以，当用户点击浏览器后退按钮时，则回到之前的 URL。 当你点击 阅读全文
posted @ 2020-09-11 17:39
京鸿一瞥
阅读(347)
评论(0)
推荐(0)
摘要：
const Foo = { template: '<div>foo</div>' } const Bar = { template: '<div>bar</div>' } const User = { template: ` <div class="user"> <h2>User {{ $route 阅读全文
posted @ 2020-09-11 16:42
京鸿一瞥
阅读(130)
评论(0)
推荐(0)
摘要：
const Foo = { template: '<div>foo</div>' } const Bar = { template: '<div>bar</div>' } const router = new VueRouter({ routes:[ {path: '/', component: F 阅读全文
posted @ 2020-09-11 16:33
京鸿一瞥
阅读(205)
评论(0)
推荐(0)
浙公网安备 33010602011771号