摘要：
路由守卫 通过路由的变化，对权限做一些验证 全局路由守卫 beforeEach:全局守卫。（针对所有的路由） 当一个导航触发时，全局前置守卫按照创建顺序调用。守卫是异步解析执行，此时导航在所有守卫 resolve 完之前一直处于 等待中。 router.beforeEach((to,from,nex 阅读全文
摘要：
路由守卫分类： 1.局部路由守卫 2.全局路由守卫 局部路由守卫 局部路由守卫 只适合在当前路由使用，是局部的路由守卫 当前路由进入，更新，离开时要做的事情 路由进入： 一个页面进入另一个页面， 是否登陆， 查看个人信息 是否登录用途： 1.验证用户是否登录 2.支付前，判断余额是否足够 3.热力图 阅读全文
摘要：
组件复用 解决组件被复用，值不能改变的方法 监听路由的变化,那个组件复用，在哪个组件监听 //next根据to的path/name进行路由的跳转，如果不写next，当前路由不会执行 //当前在a路由，再次点击a路由，不会发生跳转，因为没有让自己跳转，必须要用next 举例： 阅读全文
摘要：
编程式导航 1.this.$router.push()路由跳转 2.this.$router.back()路由返回，没有参数 3.this.$router.forward()路由前进 4.this.$router.replace(“路径”)路由替换 5.this.$router.go() 前进1 / 阅读全文
摘要：
实现路由跳转的3种方式 1.<a href="路径"> 首页 </a> a标签进行跳转 2.<router-link :to="路径"> 首页 </router-link> router-link进行跳转最终解析为a标签，在设置样式时，可直接对a进行设置 3.this.$router.push("路 阅读全文
摘要：
1.路由传值的3种方式 1.params传值（传值时，必须使用name属性，不能使用path属性） 2.query传值 3.路由解耦（必须用params传值，否则props接收不到,必须配置props：true ） index.js路由配置项 path:"/details/:name/:price/ 阅读全文
摘要：
路由嵌套 一种是每个路由到的组件都有共有的内容，这时把共有的内容抽离成一个组件，变化的内容也是一个组件，两种组件组合嵌套，形成一个新的组件 案例： 对于共有的内容，典型的代表就是网页的侧边栏， 假设侧边栏在左边，我们点击其中的按钮时，右侧的内容会变化，但不管右侧的内容怎么变化，左侧的侧边栏始终存在。 阅读全文