通常，在构建SPA时，需要保护某些路由。例如假设有一个只允许经过身份验证的用户访问的 dashboard 路由，我们可以通过使用 auth 中间件来确保合法用户才能访问它。在本教程中，我们将学到怎样用 Vue-Router 为Vue应用程序实现中间件管道。

new VueRouter 发生了什么?this.options = options // 开发者传入的 { routes } 对象。显而易见, 构造函数主要是做了一些类属性的初始化工作, 包括生成matcher对象, 以及根据mode初始化相

主要是因为活动页会存在pc端的时候未登录的用户也需要访问的问题，因为未登录用户在活动页面进行操作的时候会触发到登录事件，然后我们实现的方式是通过接口来判断，该接口标记的是一个upn的值。然后登录的时候是单点登录，不知道是否回调地址不支持vue形式下hash

在某个组件中只有一个路由视图区域,且各个路由组件之间不存在父子关系时,要在组件之间传递数据就不好通过父子组件传值的方式了.那么下面我们来看看怎么办吧.<router-link :to="{name: 'home', query: {inde

vue的单页面应用是基于路由和组件的，路由用于设定访问路径，并将路径和组件映射起来。传统的页面应用，是用一些超链接来实现页面切换和跳转的。在vue-router单页面应用中，则是路径之间的切换，也就是组件的切换。首先在html中，引入vue-router.

但是iOS设备的微信浏览器不会去检测它们的变化。但是我们可以通过更新 location.href 让微信浏览器识别到当前的url。// try...catch the pushState call to get around Safari. // DOM

之前开发了一个单页面应用，按照深度，分为三层：目录页、一级子页、二级子页。这三类页面都共享一个完整的数据model，从上级页面进入下一级页面时，能够加载相应数据；回到上一级时，数据有更新。举个栗子，从故事页点击“编辑”按钮，进入故事编辑页则默认填充点击的“

本文我们将学习如何制作一个vue插件，并将其分发到npm上，能够让其他人安装使用.插件大大地提高了开发者的开发效率。我们的大多数项目都依赖于它们，因为它们能够以极快的速度发布新功能。正如官方Vue.js文档中所述，插件的范围没有限制。通常我们想实现的功能有

近期面试，遇到关于vue-router实现原理的问题，在查阅了相关资料后，根据自己理解，来记录下。我们知道vue-router是vue的核心插件，而当前vue项目一般都是单页面应用，也就是说vue-router是应用在单页面应用中的。在单页面应用出现之前，

在官网中有vue-router组件复用的解释和解决方案，但这种方案耦合度太高，得在每个组件里都得写一个watch或beforeRouteUpdate，会产生很多的冗余

vue-router 插件方式的实现vue-router 是作为插件集成到 vue 中的。我们使用 vue-router 的时候，第一部就是要 安装插件 Vue.use;如何开发插件Vue.js 要求插件应该有一个公开方法 install。这个方法的第一个

在 github 的 vue-router 中找到同样的一个问题：3.0.1版本通过router实例无法跳转。昨天发现有些路由不能正常跳转，找了一下发现都是那些实例化后使用 router.push 而不是直接使用 this.$router.push 的地方

Vue router现在火热的框架中都具有路由的功能，vue当然也不例外，vue路由功能的实现借助于官方提供的一个vue-router插件所以在写路由的第一步就是去安装这个插件顺便把vue也一起安装好。有一个$route对象其中有一个跟随路由变化的属性pa

我们可以使用vue-router来实现路由，通过vue.js + vue-router可以实现SPA，即可以根据不同的url地址请求在一个页面上呈现出不同的效果。详见vue2.0当中vue-router的 使用说明文档 。当页面请求不同的url地址时，会根

在vue项目中，往往会遇到这样的情况，就是要实现在一个循环列表中，点击其中一条跳转到下个页面，然后将这一条的相关数据带到下个页面中显示，这是个循环列表，无论点哪一条都是跳到相同的页面，只是填的数据不一样，这个时候就需要实现跳转的时候一起把参数携带过去。这里

vue-router 提供的导航钩子主要用来拦截导航，让它完成跳转或取消。执行效果依赖 next 方法的调用参数。如果全部钩子执行完了，则导航的状态就是 confirmed （确认的）。如果浏览器的 URL 改变了，那么 URL 地址会重置到 from 路

Vue 2.0 开始支持服务端渲染的功能，所以本文章也是基于vue 2.0以上版本。网上对于服务端渲染的资料还是比较少，最经典的莫过于Vue作者尤雨溪大神的 vue-hacker-news。本人在公司做Vue项目的时候，一直苦于产品、客户对首屏加载要求，S

vue init wepack vue-article-app步骤二，下载相关依赖项cd vue-article-app. //上面的三个依赖项也可以使用一个命令行就搞定 npm i vue-router vue-resource bootstrap --

vue-trip是楼主最近做的一个vue练手项目，数据来源都是apistore，具有查看和微信热门文章，查看全国各地的天气以及搜索全国各地热点的功能，是通过vue-router搭配而成的一个单页面应用。组件之间的通信使用的是vuex，动画效果使用的是ani

用 Vue.js + vue-router 创建单页应用，是非常简单的。使用 Vue.js ，我们已经可以通过组合组件来组成应用程序，当你要把 vue-router 添加进来，我们需要做的是，将组件映射到路由，然后告诉 vue-router 在哪里渲染它们