路由（vue-router） 现在的应用都流行SPA应用（single page application） 传统的项目大多使用多页面结构，需要切换内容的时候我们往往会进行单个HTML文件的跳转，这个时候网络 ...

对于单页应用，官方提供了vue-router进行路由跳转的处理，本篇主要也是基于其官方文档写作而成。 安装 基于传统，我更喜欢采用npm包的形式进行安装。 npm install vue-router --save 当然，官方采用了多种方式进行安装，包括bower,cdn等。 基本用法 ...

前面的话 　　本文将详细介绍Vue-router的API router-link 　　<router-link> 组件支持用户在具有路由功能的应用中点击导航。 通过 to 属性指定目标地址，默认渲染成带有正确链接的 <a> 标签，可以通过配置 tag 属性生成 ...

使用vue-router 来实现webapp的页面跳转，有时候需要传递参数，做法如下： 参考文献： http://router.vuejs.org/en/named.html 主要有以下几个步骤： （1） 设置好路由配置 router ...

前端路由 根据不同的 url 地址展示不同的内容或页面，无需依赖服务器根据不同URL进行页面展示操作 优点 用户体验好，不需要每次都从服务器全部获取，快速展现给用户 缺点 ...

vue-router 的导航钩子，主要作用是拦截导航，让他完成跳转或取消。 有三种方式可以植入路由导航过程中： 全局的 单个路由独享的 组件级的 1. 全局导航钩子： 　　 全局导航钩子主要有两种钩子：前置守卫、后置钩子， 注册一个全局前置守卫 ...

一、概述 vue-router是Vue.js官方的路由插件，它和vue.js是深度集成的，适合用于构建单页面应用。 vue的单页面应用是基于路由和组件的，路由用于设定访问路径，并将路径和组件映射起来。 而传统的多页面应用，是用一些超链接来实现页面切换和跳转的。在vue-router单页面应用 ...

一、官方文档 　　路由元信息：定义路由的时候可以配置 meta 字段 　　那么如何访问这个 meta 字段呢？ 　　首先，我们称呼 routes 配置中的每个路由对象为 路由记录。 ...