摘要：
原文网址：http://jspang.com/2017/04/13/vue-router/ 这是这篇文章的最后一节，前10节课的导航都是用<router-link>标签或者直接操作地址栏的形式完成的，那如果在业务逻辑代码中需要跳转页面我们如何操作？这就是我们要说的编程式导航，顾名思义，就是在业务逻辑 阅读全文
摘要：
我们知道一个组件从进入到销毁有很多的钩子函数，同样在路由中也设置了钩子函数。路由的钩子选项可以写在路由配置文件中，也可以写在我们的组件模板中。我们这节课就介绍这两种钩子函数的写法。 路由配置文件中的钩子函数 我们可以直接在路由配置文件（/src/router/index.js）中写钩子函数。但是在路 阅读全文
摘要：
在学习过渡效果的时候，我们学了mode的设置，但是在路由的属性中还有一个mode。这节课我们就学习一下另一个mode模式和404页面的设置。 mode的两个值 具体的效果我在视频中会有所掩饰，不理解的小伙伴可以到视频中进行查看。 404页面的设置： 用户会经常输错页面，当用户输错页面时，我们希望给他 阅读全文
摘要：
<transition>标签 想让路由有过渡动画，需要在<router-view>标签的外部添加<transition>标签，标签还需要一个name属性。 1 2 3 <transition name="fade"> <router-view ></router-view> </transition 阅读全文
摘要：
上节学习了路由的重定向，我相信大家已经可以熟练使用redirect进行重定向了。使用alias别名的形式，我们也可以实现类似重定向的效果。 1.首先我们在路由配置文件里（/src/router/index.js），给上节课的Home路径起一个别名，jspang。 1 2 3 4 5 { path: 阅读全文
摘要：
开发中有时候我们虽然设置的路径不一致，但是我们希望跳转到同一个页面，或者说是打开同一个组件。这时候我们就用到了路由的重新定向redirect参数。 redirect基本重定向 我们只要在路由配置文件中（/src/router/index.js）把原来的component换成redirect参数就可以 阅读全文