关键字：路由懒加载，全局导航守卫，组件导航守卫，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.安装vue router 2.使用vue router ...
分类：
其他好文 时间：
2020-02-13 19:38:35
阅读次数：
60
https://www.jianshu.com/p/7d71d3f23988 ...
分类：
其他好文 时间：
2020-02-10 11:41:48
阅读次数：
33
导航守卫 译者注 “导航”表示路由正在发生改变。 正如其名，vue-router 提供的导航守卫主要用来通过跳转或取消的方式守卫导航。有多种机会植入路由导航过程中：全局的, 单个路由独享的, 或者组件级的。 记住参数或查询的改变并不会触发进入/离开的导航守卫。你可以通过观察 $route 对象来应对 ...
分类：
其他好文 时间：
2020-02-09 16:41:50
阅读次数：
104
路由： （1）监听地址栏的变化 （2）根据地址栏的变化切换到对应的组件 使用路由： 1、创建一个vue项目：vue create routerdemo 注意：在选择插件的时候只选择babel 2、安装路由插件：npm install vue-router 3、创建路由：src下新建router.js ...
分类：
其他好文 时间：
2020-02-08 09:40:08
阅读次数：
118
一、v-router插件 1.v-router插件介绍 v-router是vue的一个核心插件，vue+vue-router主要用来做SPA（单页面应用）的。 什么是SPA：就是在一个页面中，有多个页签，我们选择页签显示不同的内容，但页面不跳转。 例如： 在网易云音乐的主页中，发现音乐、我的音乐、朋 ...
分类：
其他好文 时间：
2020-02-08 00:24:48
阅读次数：
52
Vue Router 路由实现原理 一、概念 通过改变 URL，在不重新请求页面的情况下，更新页面视图。 二、实现方式 更新视图但不重新请求页面，是前端路由原理的核心之一，目前在浏览器环境中这一功能的实现主要有2种方式： 1.Hash 利用 URL 中的hash("#"); 2.利用 History ...
分类：
其他好文 时间：
2020-02-07 10:50:15
阅读次数：
58
说明: 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
路由导航守卫-beforeEach 如果用户没有登陆，直接通过URL访问特定的页面，这样的话我们需要重新将其导航到登陆页面。 login(){ this.$refs.loginFormRef.validate( async valid =>{ console.log(valid); if (!val... ...
分类：
其他好文 时间：
2020-02-07 01:21:22
阅读次数：
67
