概述 Vue Router 是 Vue.js 官方的路由管理器。它和 Vue.js 的核心深度集成，让构建单页面应用变得易如反掌。包含的功能有： 嵌套的路由/视图表 模块化的、基于组件的路由配置 路由参数、查询、通配符 基于 Vue.js 过渡系统的视图过渡效果 细粒度的导航控制 带有自动激活的 C ...
分类：
其他好文 时间：
2020-03-14 13:05:37
阅读次数：
68
对于Vue内部来说，不管是根组件还是子组件，都存在this.$router和this.$route两个属性，它们的区别如下: $router 指向当前的VueRouter实例，也就是new Vue({router:router})这里传入的router实例对象,可以使用上一节里列出的VueRoute ...
分类：
其他好文 时间：
2020-03-12 10:03:08
阅读次数：
162
理解 随着前端业务的发展， 我们一般在写一个较为大型的 项目时候，会使用到 ，来根据指定的 或者 来进行内容的分发，可以达到不像服务端发送请求，就完成页面内容的切换，能够减少像服务器发送的请求，让用户进行页面跳转时候能够更快，体验更好 疑问 在初学 的时候，一般人都会有一个印象， 以及 都是 原生自 ...
分类：
其他好文 时间：
2020-03-09 18:08:34
阅读次数：
56
Vue-Router是Vue的官方路由器，它和Vue的核心深度集成，让构建单页面应用变得亦如反掌。 阅读VueRouter的源码需要深刻理解Vue才能完全理解,因为它里面很多概念用到了Vue，相比较vuex、axios，我认为Vue-Router的源码比较晦涩，难以理解，原因如下: Router-v ...
分类：
其他好文 时间：
2020-03-03 12:56:30
阅读次数：
59
导航守卫： 就是导航过程中各个阶段的钩子函数。分为：全局导航守卫、路由导航守卫、组件导航守卫。 全局导航守卫： 在整个网页中，只要发生了路由变化，就会触发。全局导航守卫主要包含两个函数：beforeEach、afterEach。 beforeEach： 在路由发生了改变，但是还没有成功跳转的时候会调 ...
分类：
其他好文 时间：
2020-02-25 23:03:41
阅读次数：
58
1 <!-- 第一种jquery方式进行路由传参 --> 2 3 <!-- 如果在路由中，使用 查询字符串，给路由传递参数，则 不需要修改 路由规则的 path 属性 --> 4 <router-link to="/login?id=10&name=zs">登录</router-link> 5 6 ...
分类：
其他好文 时间：
2020-02-24 18:24:00
阅读次数：
81
/** * 使用ES6语法引入模板 */ import Vue from 'vue' import App from './App.vue' import VueRouter from './router/index.js'; // 第一种写法： index.html里的dom 为app作为模板 / ...
分类：
Web程序 时间：
2020-02-21 20:22:08
阅读次数：
106
关键字：路由懒加载，全局导航守卫，组件导航守卫，redirect重定向，keep-alive，params，query 一、目录结构 二、index.js 1 // 配置路由相关的信息 2 import VueRouter from 'vue-router' 3 import Vue from 'v ...
分类：
其他好文 时间：
2020-02-15 18:33:54
阅读次数：
77
Vue前端路由 1. npm install vue-router --save 2.脚手架安装 一、目录结构 二、index.js // 0.导入vue和路由插件 import Vue from 'vue' import VueRouter from 'vue-router' import Hom ...
分类：
其他好文 时间：
2020-02-14 14:42:28
阅读次数：
55
说明: 1) 官方提供的用来实现 SPA 的 vue 插件 2) github: https://github.com/vuejs/vue-router 3) 中文文档: http://router.vuejs.org/zh-cn/ 4) 下载: npm install vue-router --s ...
分类：
其他好文 时间：
2020-02-07 10:18:56
阅读次数：
51
