VUE路由

前端路由工作原理与使用

单页应用和多页应用单页面应用：所有功能在一个页面上实现一个.html文件前端路由组件化开发网易云音乐小米移动端多页应用：与单页应用相对应的，不同的功能通过不同的页面来实现单页面-多页面对比路由vue路由官网路由理解的概念路由
·2022-05-19 12:42

Nginx解决Vue路由history模式白屏问题

首先我们把写好的项目放到nginx服务器上，html目录中当我们vue项目中的路由模式为history时这样会出现白屏问题。我们解决它将nginx根目录中的conf目录修改nginx.conf文件找到location，改为：即可：
softly顾先生·2022-05-18 06:42

手写vue路由

一、简易demo//routes注册importVuefrom"vue";//importVueRouterfrom"vue-router";importVueRouterfrom"./vueRouter";//自定义路由jsimportHomefrom"
xsk-walter·2022-05-16 09:00

vue - Vue路由（扩展）

忙里偷闲，还在学校，趁机把后面的路由多出来的知识点学完十.缓存路由组件让不展示的路由组件保持挂载，不被销毁在我们的前面案例有一个问题，都知道vue的路由当我们切换一个路由后，另一个路由就会被销毁，如果我在一个路由写了有一些input框当我切换到另一个组件message很明显这个时候news里
Heymar-10·2022-05-15 21:00

vue - Vue路由

至此基本上vue2.0的内容全部结束，后面还有点elementUI和vue3.0的内容过几天再来更新。这几天要回学校去参加毕业答辩，断更几天一.相关理解是vue的一个插件库，专门用来实现spa（单页面应用）的，也就是一直都是一个index.html页面，他有他的导航区和展示区，虽然只有一个页面
Heymar-10·2022-05-11 17:00

Vue路由切换和Axios接口取消重复请求详解

目录前言场景解决方案axios中如何取消请求项目中封装使用总结参考前言在日常前端开发中,经常会遇到频繁发起的重复请求,会给服务器及网络造成不必要的压力,可通过取消重复请求解决场景订单数据条件筛选查询表单提交按钮频繁点击路由页面切换请求未取消解决方案在每个请求发起的时候存储当前存储的标记在一个数组或Map中,针对每个请求的时候在请求拦截中查询是否重复,如果已重复则取消历史中重复的请求,再发起当前请求
·2022-05-06 14:41

《目录》

02、vue-组件化の封装组件、引用组件03、微信小程序开发のswiper图片组件04、微信小程序开发の底部路由导航05、less的安装与使用06、路由跳转之二级路由children的实现入门版07、VUE
郑先森·2022-04-29 16:43

Vue路由切换 & Axios接口取消重复请求

在日常前端开发中,经常会遇到频繁发起的重复请求,会给服务器及网络造成不必要的压力,可通过取消重复请求解决场景订单数据条件筛选查询表单提交按钮频繁点击路由页面切换请求未取消解决方案在每个请求发起的时候存储当前存储的标记在一个数组或Map中,针对每个请求的时候在请求拦截中查询是否重复,如果已重复则取消历史中重复的请求,再发起当前请求,如果没有重复,则添加存储标记并正常请求,已请求完成的清除存储标记ax
·2022-04-29 10:10

【代码分享】vue路由如何自动加载？

每次vue项目新增页面都要重新配置路由，页面多了之后就会导致router文件特别长，当然我们也可以把路由按模块来分开配置，但是始终是需要我们手动去配置，那么有没有一种方法可以减少路由的配置呢？require.context()为我们提供了解决方案require.context()有三个参数，分别是：directory:表示检索的目录useSubdirectories：表示是否检索子文件夹regEx
·2022-04-27 18:13

vue路由当中的导航钩子中关于next这个方法的描述应该如何理解？

随笔记录2019.05.1611:30:00浦东张江阴转多云20-23本文转载自:https://blog.csdn.net/helenwei2017/article/details/80508239详解：vue.js路由vue-router（二）——路由进阶在这里我用通俗点的说法解释上next(),next(false),next(’/’),next(error)，希望通过这接地气的解释你能掌握
吾行远方·2022-04-22 22:24

vue路由守卫中next方法的理解

vue路由守卫中next方法的理解在网上看到了一篇通俗易懂的文章,此文章出处在这里我用通俗点的说法解释上next(),next(false),next(’/’),next(error)，希望通过这接地气的解释你能掌握这几个知识点
小炮兵快跑·2022-04-22 22:19

Vue next({ ...to, replace: true }) 的说明

转载自VUE路由守卫next()/next({...to,replace:true})/next(‘/‘)说明_cimo的博客-CSDN博客
哈哈哈大声道·2022-04-22 22:37

vue路由传参梳理

前言vue路由传参有两种类型，query，params，这篇文章梳理一下。
香蕉不拿呢·2022-04-21 16:45

vue路由权限和按钮权限的实现示例

目录一菜单路由权限二按钮权限的实现一菜单路由权限1.1前端路由配置表1.2后端数据返回1.3拿到数据后存到vuex1.4扁平化的目的是为了跳转路由时进行对比权限//扁平化方法flatten(data){returndata.reduce((arr,{name,id,resourceType,dimensionTypeCode,btnPermissions,path,children=[],})=>
·2022-04-17 09:43

vue路由权限和按钮权限的实现

一菜单路由权限1.1前端路由配置表1.2后端数据返回1.3拿到数据后存到vuex1.4扁平化的目的是为了跳转路由时进行对比权限//扁平化方法flatten(data){returndata.reduce((arr,{name,id,resourceType,dimensionTypeCode,btnPermissions,path,children=[],})=>arr.concat([{name
周金鱼啊·2022-04-17 09:11

vue路由跳转router-link清除历史记录的三种方式(总结)

目录路由跳转router-link清除历史记录官方文档提供了如下三种方式vue跳转后不记录历史记录路由跳转router-link清除历史记录1.在vue项目中说起路由跳转，我们最先想到的就是router-link标签以及this.$router.push函数。router-link和this.\$router.push的实现原理是一样的，在点击router-link时，内部调用的就是this.$r
·2022-04-09 18:44

Vue 路由配置

Vue路由配置为什么使用路由？  
Training.L·2022-04-06 07:43

Vue路由最全详解

现在的手机软件普遍都是单页面应用，尤其是商城类网站应用更广，那么为什么大多数企业都选择了单页面应用呢，原因主要是1，单页面应用只有一个主页面，切换页面更加流畅，比起传统的多页面应用项目会很清晰明了，没有多页面应用繁杂。那么单页面应用是怎么实现的呢?这里就要讲到Vue了，Vue是公认的前端三大框架之一，还有react，angular，这里主要讲解Vue，日后在讲解其余两个框架吧。引入Vue.js，当
鸭子嘎鹅子呱·2022-04-03 13:58

Vue中使用import进行路由懒加载的原理分析

目录使用import进行路由懒加载的原理（1）遵循规范（2）调用时间（3）本质vue路由懒加载，使用import无法处理解决使用import进行路由懒加载的原理首先我们来说说，import和require
·2022-04-01 14:39

vue项目history模式下部署子路由跳转失败的解决

./"；2、vue路由配置base:process.env.BASE_URL；3、ngin
·2022-03-31 12:46

关于vue的路由模式及修改方法

目录vue路由模式及修改vue切换路由模式{hash/history}vue路由模式及修改vue的路由模式有两种模式History和hash模式，切换方式有两种。
·2022-03-31 12:14

一篇文章带你了解vue路由

目录概念VueRouter简介VueRouter的特性VueRouter的使用步骤分类嵌套路由动态路由命名路由编程式导航总结概念路由的本质就是一种对应关系，比如说我们在url地址中输入我们要访问的url地址之后，浏览器要去请求这个url地址对应的资源。那么url地址和真实的资源之间就有一种对应的关系，就是路由。路由分为前端路由和后端路由1).后端路由是由服务器端进行实现，并完成资源的分发后端路由性
·2022-03-22 12:25

记录关于Vue路由参数query和params的区别以及query传递对象遇到的坑

Vue之路由参数query和params的区别以及query传递对象遇到的坑首先简单来说明一下$router和$route的区别$router:是路由操作对象，只写对象$route:路由信息对象，只读对象query传参：如何获取？this.$route.query.insuraceDetailData即可拿到参数我们的this.data是个对象细心的小伙伴可以发现，为啥要用JSON.stringi
派易星·2022-03-21 17:13

学生信息管理 vue+Element UI+springboot 前后端分离

教务信息管理系统管理员登录教师学生注册登录管理员登录管理管理员编辑角色管理学生管理教师管理班级信息教师注册登录编辑个人信息修改密码学生注册登录编辑个人信息修改密码系统运行截图数据库设计这里主要是admin_menu表的设计path与Vue
xiaocxy1·2022-03-17 14:46

vue进阶篇— 适用于后端开发人员的Vue axios 组件化开发教程_vue结合springboot开发

此文为vue进阶篇，包含vue路由、组件、axios请求以及结合springboot开发实例入门篇链接地址https://blog.csdn.net/qq_41157588/article/details
情話微甜·2022-03-16 09:23

vue 路由记忆功能

原文链接:vue路由记忆功能vue-router钩子beforeRouteEnter函数获取到this实例constFoo={template:`...`,beforeRouteEnter(to,from
阿豪boy·2022-03-13 14:31

vue的路由守卫和keep-alive后生命周期详解

方式Vue-Router导航守卫全局路由钩子router.beforeEach路由独享守卫组件内的守卫beforeRouterEnterbeforeRouteUpdatebeforeRouteLeaveVue
·2022-03-08 18:30

一篇文章教会你使用Vue-pdf完成对后台返回的文件流进行PDF预览功能

一篇文章教会你使用Vue-pdf完成对后台返回的文件流进行PDF预览功能前言：封装vue-pdf组件为预览页面，通过unstructured.vue路由传参形式跳转到预览页面一、unstructured.vue
Web_chicken·2022-03-04 11:17

Vue路由传参数方法总结

欢迎加我技术交流QQ群：811956471前言：前端的东西零碎、广泛，需要我们不断的去总结归纳，所以就这块做了一些总结，欢迎大家继续补充纠正。特别注意：1、path匹配路由传参只能用query去接收参数；2、name匹配路由，params和query两者皆可，用哪个携带参数就用用哪个区接收；3、query传参数会出现在地址栏，刷新当前页面参数不会丢失；4、params传参不会在地址栏，刷新页面参数
不忘初心_d·2022-02-23 15:18

Vue路由知识点总结

目录路由起步如何使用路由动态路由匹配响应路由参数的变化匹配所有路径匹配优先级嵌套路由编程式的导航命名路由命名视图重定向别名History模式$router和$route的全局前置守卫全局解析守卫（组件）全局后置钩子路由独享的守卫组件内的守卫完整的导航解析流程路由元信息路由用Vue.js+VueRouter创建单页应用，感觉很自然：使用Vue.js，我们已经可以通过组合组件来组成应用程序，当你要把V
我的安琪拉���⛴️·2022-02-21 11:02

那些被人忽略的Vue导航知识

本篇学习目标能够了解单页面应用概念和优缺点能够掌握vue-router路由系统使用能够掌握链接导航和编程式导航用法能够掌握路由嵌套和路由守卫能够掌握vant组件库基础使用1.vue路由简介和基础使用1.0
几何心凉·2022-02-21 11:09

那些被人忽略的Vue导航知识

本篇学习目标能够了解单页面应用概念和优缺点能够掌握vue-router路由系统使用能够掌握链接导航和编程式导航用法能够掌握路由嵌套和路由守卫能够掌握vant组件库基础使用1.vue路由简介和基础使用1.0
几何心凉·2022-02-21 11:23

问题解决2：当vue路由采用history模式时，访问页面时会出现404找不到现象

以上几个教程里所使用的测试vue项目(demo1)均是十分简单的项目，完全没涉及到router路由或者其他的知识，今天一位小哥将自己的项目部署到nginx后，发现某些页面在访问的时候偶尔会出现404找不到，因此找到我，共同解决了这个问题。在解决过程中，发现这其实也是个老生常谈的问题，最主要就是vue项目的路由采用了history模式，才导致了这个问题。既然问题已经找到了，那么就应该探究下为什么会出
木头就是我呀·2022-02-21 04:11

vue路由懒加载

1.开发环境vue2.电脑系统windows10专业版3.为什么需要使用懒加载?在开发的过程中随着项目的业务越来越多,需求越来越多,体积越来越来,像vue这种单页面应用,如果没有使用懒加载,运行打包之后的文件会很大,进入首页时,需要加载内容很多,时间过长,可能会出现短暂白屏的情况,即使做了loading也不利于用户体验,而运用懒加载可以将页面进行划分,需要的时候再加载页面。下面我来分享三种懒加载的
·2022-02-19 19:40

Vue

www.pianshen.com/article/8200346590/2、Vue官网：https://cn.vuejs.org/3、vue脚手架：https://cli.vuejs.org/zh/4、vue
白雪乌鸦·2022-02-19 15:24

Vue ， React 路由传参的几种方式

Vue，React路由传参的几种方式Vue路由传参方法一：定义路由时直接携带{path:'/detail/:id/:info/:isTrue/:classList',name:'detail',component
团团团子mm·2022-02-17 03:52

关于vue路由守卫做登陆状态判断的问题

关于vue路由守卫做登陆状态判断的问题直接上代码//全局路由守卫router.beforeEach((to,from,next)=>{console.log('navigation-guards');constnextRoute
用技术改变世界·2022-02-17 01:52

南吕十二 | 每日互联网产品日报「20190601」

适合写作用的所见即所得网页编辑器大新闻苹果提高appstore移动数据下载流量限制：150Mb升级到200Mb‍文章推荐一个合格的中级前端工程师必须要掌握的28个JavaScript技巧你要的React面试知识点，都在这了vue
extrastu·2022-02-14 18:53

vue路由详解版一目了然

概念路由的本质就是一种对应关系，比如说我们在url地址中输入我们要访问的url地址之后，浏览器要去请求这个url地址对应的资源。那么url地址和真实的资源之间就有一种对应的关系，就是路由。路由分为前端路由和后端路由1).后端路由是由服务器端进行实现，并完成资源的分发后端路由性能相对前端路由来说较低，所以，我们接下来主要学习的是前端路由2).前端路由是依靠hash值(锚链接)的变化进行实现前端路由的
几何心凉·2022-02-14 12:03

Vue路由跳转

现有如下场景，点击父组件的li元素跳转到子组件中，并携带参数，便于子组件获取数据。父组件中：methods：方案一：getDescribe(id){//直接调用$router.push实现携带参数的跳转this.$router.push({path:`/describe/${id}`,})方案一，需要对应路由配置如下：{path:'/describe/:id',name:'Describe',co
豌豆荚_6d7e·2022-02-13 10:47

NativeScript

安装NativeScriptCLInpminstall-gnativescriptnativescript-VUE/VUE-CLI-模板特征.vue单个文件组件Vuex状态管理（选择加入）Vue路由器路由
知者s·2022-02-12 07:06

Vue路由/路由守卫

一、前端路由和后端路由概念解释-后端路由：对于普通的网站，所有的超链接都是url地址，所有url都对应服务器上对应的资源-前端路由：对于单页面应用程序来说，主要通过url的hash（#）来实现不同页面的切换，同时hash还有一个特点HTTP请求中不会包含hash相关的内容，所以单页面程序中的页面跳转主要用hash实现-在单页面应用程序中这种通过hash来改变页面的方式称作前端路由区别于后端路由二、
SmailTrey·2022-02-10 17:10

Vue路由

路由第一步引入路由文件--->vue-router.js第二步准备路由所需组件,赋值给变量第三步创建路由对象,在这个对象里去配置路由对象varrouter=newVueRouter({})这里new的对象是vue-router.js中封装好的只能用VueRouter第四步通过routes属性配置路由规则,它是一个数组,数组中存放对象,每个对象对应一条规则,而且每个对象里面都包含name(路由规则的
长度在3厘米左右·2022-02-09 03:03

vue路由跳转写法在html,vue-router的实现原理是什么？

官网文档，…,下面这种路由表的写法比较优雅，我把路由单独写在一个文件routes.js.router／routes.js文件代码constroutes=[{path:'/',redirect:'/recommend'},{path:'/recommend',component:()=>import('../components/recommend/view.vue')},{path:'/singe
新起点加油·2022-02-07 09:26

vue路由跳转

1、router.push(location)=====window.history.pushState除了使用创建a标签来定义导航链接，我们还可以借助router的实例方法，通过编写代码来实现。router.push(location)想要导航到不同的URL，则使用router.push方法。这个方法会向history栈添加一个新的记录，所以，当用户点击浏览器后退按钮时，则回到之前的URL。当你
王哈哈wl·2022-02-07 00:54

Vue路由vue-router

概述前端路由路由就是根据不同的url地址来展示不同的内容或页面.VueRouter是Vue.js官方的路由管理器github:https://github.com/vuejs/vue-router中文官方网站https://router.vuejs.org/zh/中文API文档https://router.vuejs.org/zh/api/vue-router安装与结构npmisntallvue-
_羊羽_·2022-02-06 00:19

vue路由守卫

参考文献vue中文文档:https://cn.vuejs.org/本地环境安装路由插件vue-router：cnpminstallvue-router--save-dev*没有安装淘宝镜像的可以将cnpm替换成npm安装淘宝镜像:npminstall-gcnpm--registry=https://registry.npm.taobao.org配置两种配置方法：在main.js中||在src/ro
晓丶生·2022-02-04 20:49

快速理解Vue路由导航守卫

目录一、全局守卫1.全局前置守卫2.全局解析守卫3.全局后置钩子三、路由独享的守卫四、组件内的守卫五、一个完整的导航解析流程概念：“导航”表示路由正在发生变化vue-router提供的导航守卫主要用来通过跳转或取消的方式守卫导航。有多种机会植入路由导航过程中：全局的,单个路由独享的,或者组件级的。导航守卫：包括全局导航守卫和局部导航守卫一、全局守卫vue-router全局有三个守卫router.b
·2021-12-29 12:16

前端从无到有Vue项目 vue项目实现

/www.jianshu.com/p/46e9df18413ddevDependencies和dependencies的区别https://www.jianshu.com/p/ecfc61c87031vue
爱学习的小仙女早睡早起·2021-12-23 14:02

vue路由在多级页面下，页面刷新空白（history模式）

解决方法：老方法：cli2需要修改config/index.js文件，将assetsPublicPath的值改为assetsPublicPath:'./'老方法2：cli3找到项目文件下的vue.config.js（没有就自己创建一个），将baseUrl:""改成baseUrl:"/"新方法：cli3.0以上找到项目文件下的vue.config.js（没有就自己创建一个），配置publicPath
阿里P9王者·2021-11-22 16:55
上一页 13 14 15 16 17 18 19 20 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他