开发的时候有时候会遇到一种情况，比如 ：点击这个链接跳转到其他组件的情况，通常会跳转到新的页面，蛋是，我们不想跳转到新页面，只在当前页面切换着显示，那么就要涉及到路由的嵌套了，也可以说是子路由的使用。 以饿了么订餐的情景来说吧，在同个页面，切换显示不同组件的相应内容，同时地址栏的地址是会变 ...

在APP.vue主组件中，内容上就只有<router-view></router-view>，然后在其他页面也有<router-view></router-view>，可以理解为： 一层路径(/xxx)对应一个router-view 比如url ...

无报错，但是页面没有渲染，检测2小时，最终发现原因是路由 new Router({ routes:[]}) 中的routes只能不是routes，我写成了router，所以vue认为没有路径，故记不渲染也不报错，写代码还是要细心呀！ ...

记录一下： 都会缓存，那我们在特定的情况下强制刷新某些组件： 利用include、exclude属性 <keep-alive include="bookLists,bookLists"> <router-view></router-view> < ...

不设置 router-view 的 key 属性 由于 Vue 会复用相同组件, 即 /page/1 => /page/2 或者 /page?id=1 => /page?id=2 这类链接跳转时, 将不在执行created, mounted之类的钩子, 这时候你需要在路由组件中 ...

vue中 给router-view 组件的 绑定 key 的原因 1. 不设置 router-view 的 key 属性 由于 Vue 会复用相同组件, 即 /page/1 => /page/2 或者 /page?id=1 => /page?id=2 这类链接跳转时, 将不在执行 ...

目录 基础使用 小剧场 基础使用 vue-router是vue中的路由，使用 Vue.js ，我们已经可以通过组合组件来组成应用程序，当你要把 Vue Router 添加进来，我们需要做的是，将组件 (components) 映射到路由 (routes ...

...