Vue-Router 一.路由的概念与原理 路由的本质就是一种对应关系,比如我们在url地址中输入我们要访问的url地址之后,浏览器要去请求这个url地址对应的资源。 那么url地址和真实的资源之间就有一种对应的关系,就是路由。 路由分为前端路由和后端路由 1.1 后端路由 后端路由是根据不同的用户 ...
分类:
其他好文 时间:
2020-02-24 13:32:37
阅读次数:
99
记一个使用vue router时的低级错误。 使用vue router时,打开网页出现如下错误: 一开始我以为是vue router没有安装好,重装后发现问题仍然存在。仔细检查过后发现问题出在main.js中的Vue对象中没有引用router: 在此总结一下使用vue router的步骤 首先安装好 ...
分类:
其他好文 时间:
2020-02-23 19:57:40
阅读次数:
183
后端路由 输入url->请求发送到服务器-》服务器解析请求的路径-》拿取对应资源-》返回对应页面 前端路由 输入url->js解析地址-》找到对应地址的页面-》执行页面生成的js->看到页面 1、hash模式(#) Eg: http://www.xxx.com/#/123 1)#号后的就是hash内 ...
分类:
其他好文 时间:
2020-02-23 18:37:52
阅读次数:
96
目录 [toc] 引言:该篇主要讲的是关于vue router的原理以及使用等问题,以及面试中常被问到的几个点,有部分还未整理后续会继续更新; 1.vue router 是什么? Vue router就是WebApp的链接路径管理系统。vue router是Vue.js官方的路由插件,它和vue.j ...
分类:
其他好文 时间:
2020-02-22 22:01:34
阅读次数:
115
说明 学习的时候,尽量的打开官方的文档 Vue Router 是 Vue.js 官方的路由管理器。它和 Vue.js 的核心深度集成,让构建单页面应用变得易如反掌。包含的功能有: 嵌套的路由/视图表 模块化的、基于组件的路由配置 路由参数、查询、通配符 基于 Vue.js 过渡系统的视图过渡效果 细 ...
分类:
其他好文 时间:
2020-02-22 16:13:44
阅读次数:
79
今天在写vue-music的时候,发现每次跳转路由都会出现这个错误,于是上网查了一下解决的方法 在main.js中添加 import Router from 'vue-router' const originalPush = Router.prototype.push Router.prototyp ...
分类:
其他好文 时间:
2020-02-22 09:57:23
阅读次数:
97
传递参数与重定向 Main.vue index.js的router Profile.vue获取并展示参数 也可以通过props来传递参数 index.js的router Profile.vue直接用{{id}}即可 重定向的方法 router路由 登录用户 Login.vue router main ...
分类:
其他好文 时间:
2020-02-19 05:37:58
阅读次数:
162
路由传参 用于组件与组件之间通过路由传递数据 通过url正则传递数据 i)设置 ii)如何传 vue this.$router.push( ) vue this.$route对象是管理路由参数的,传递的参数会在this.$route.params字典中 this.$route.params.pk 示 ...
分类:
其他好文 时间:
2020-02-18 09:20:29
阅读次数:
57
vue router 路由 什么是前端渲染,什么是后端渲染 1. 后端路由 由后端服务器html+css+java动态绑定数据并渲染好一个页面,直接发送到前端。 优点是有利于seo优化,缺点html和数据逻辑混在一起,难以维护 2. 前后端分离 随着Ajax出现,后端只负责数据,前端去静态服务器请求 ...
分类:
其他好文 时间:
2020-02-17 19:30:59
阅读次数:
198
前端路由和后端路由 后端路由: 输入url -> 请求发送到服务器 -> 服务器解析请求的路径 -> 拿到对应页面 -> 返回出去 前端路由: 输入url -> js解析地址 -> 找到对应地址的页面 -> 执行页面生成的js -> 看到页面 1、Hash 和 History vue插件的基础知识 ...
分类:
其他好文 时间:
2020-02-17 00:53:43
阅读次数:
98