一：认识路由 1.什么是路由？ 路由（routing）就是通过互联的网络把信息从源地址传输到目的地址的活动. 维基百科 其实vue-router可以看成是一个路由器 1.1路由器提供了两种机制：路由和传送 路由是决定数据包从来源到目的地的路径 转送将输入端的数据转移到合适的输出端 1.2路由中有一个 ...
分类：
其他好文 时间：
2020-01-24 17:32:07
阅读次数：
108
登录页面开发 先把项目根目录下components和views目录下的文件都删掉 在 src\router\index.js 中配置路由（把原有的路由配置删除），如下： import Vue from "vue"; import VueRouter from "vue-router"; Vue.us ...
分类：
其他好文 时间：
2020-01-23 00:11:59
阅读次数：
264
项目实现登陆验证，iviewui组件使用，vue-router路由拦截，在删除登陆存储的token后，直接路由进登陆页面，实战数据请求，本地data.json,笔者也是初出茅庐，在项目运行后，会一直console 出vue warn报红，如果有人知道原因，欢迎交流指正。 项目git地址https:/ ...
分类：
移动开发 时间：
2020-01-21 20:04:54
阅读次数：
78
vue-mobile-starter View README in English 基于 vue2 + vuex + vue-router 构建的移动端单页微应用，适合于vue2、vuex、vue-router核心概念的理解与掌握。 前言 做这个项目的初衷其实很简单，我司之前一直用angular、r ...
分类：
移动开发 时间：
2020-01-19 22:10:22
阅读次数：
110
最近用vue+vue-router做了个单页应用的项目，页面大概有15个左右。积累了一些开发经验在此做一些记录.本文主要从可维护性方面来考虑SPA的开发实践 全站的颜色定义放在一个less或者scss的文件里，其他组件和页面import这个配置来引用颜色。 示例代码：define.scss $bgC ...
分类：
其他好文 时间：
2020-01-18 19:22:50
阅读次数：
92
对于Vue 这类渐进式前端开发框架，为了构建SPA（单页面应用），需要引入前端路由系统，这也就是Vue-router存在的意义。前端路由的核心，就在于——— 改变视图的同时不会向后端发出请求。 一、为了达到这个目的，浏览器提供了以下两种支持： 1、hash ——即地址栏URL中的#符号（此hsah ...
分类：
其他好文 时间：
2020-01-14 13:12:29
阅读次数：
78
vue-router是什么？ 首先我们需要知道vue-router是什么，它是干什么的？ 这里指的路由并不是指我们平时所说的硬件路由器，这里的路由就是SPA（单页应用）的路径管理器。替换，vue-router就是WebApp的链接路径管理系统。 vue-router是Vue.js官方的路由插件，它和 ...
分类：
其他好文 时间：
2020-01-14 13:00:59
阅读次数：
1264
测试项目有3块路由，如下图 在src目录下的router.js import Vue from 'vue' import VueRouter from 'vue-router' Vue.use(VueRouter) const routes = [ { path: '/', name: 'Login ...
分类：
Web程序 时间：
2020-01-13 12:54:37
阅读次数：
132
编程式的导航 除了使用 <router-link> 创建 a 标签来定义导航链接，我们还可以借助 router 的实例方法，通过编写代码来实现。 #router.push(location, onComplete?, onAbort?) 注意：在 Vue 实例内部，你可以通过 $router 访问路 ...
分类：
其他好文 时间：
2020-01-12 11:50:20
阅读次数：
73
保证组件活着keep-alive是vue内置的一个组件，可以使被包含的组件保留状态，避免重新渲染router-view也是一个组件，如果直接被包在keep-alive里面，所有路径匹配到的视图组件都会被缓存
分类：
其他好文 时间：
2020-01-05 22:47:10
阅读次数：
150
