vue-router 第36页

vue-router路由

vue-router路由VueRouter是Vue.js官方的路由管理器（路径跳转）。它和Vue.js的核心深度集成，让构建单页面应用变得易如反掌。

桉森屿夏·2023-03-31 13:22

vue3路由+权限

router.tsimport{createRouter,createWebHistory,RouteRecordRaw}from'vue-router'importLayoutfrom'@/views

小米和豆豆·2023-03-31 08:00

vue-router新手指南

在学习完vue.js以及vuex之后，我们还剩下vue全家桶中的最后一个需要学习的组件，这就是vue-router了，本篇文章我们就来一起认识和入门vue-router。为什么我们只是入门呢？

weixin_34235135·2023-03-31 05:22

vue-router配置

点击样式输入其他路由，强制返回？？？to是要去的路由，from是本来的路由，savedPosition记录from路由滚动的位置关于querymode：history不一定全部浏览器都支持，可以加上这句话

Kuro233333·2023-03-31 05:36

vue系列（二）——vue3基础项目（集成框架）搭建

目录一、新建项目二、集成路由三、安装配置axios（网络请求库）四、使用vuex（暂无）五、结尾搭建流程：通过HbuilderX新建vue3项目，然后集成路由（vue-router）、axios（网络请求库

萧萧风·2023-03-31 04:17

React学习——路由

路由官网中文官网vue-router和react-router的区别：vue-routerreact-router分离式嵌套式排他性（只有一个路由被渲染）包容性（多路由渲染）静态路由动态路由安装ReactRouter

乙太.·2023-03-31 01:02

Vue Router使用

概述vue-router是Vue.js官方的路由插件，它和vue.js是深度集成的，适合用于构建单页面应用。vue的单页面应用是基于路由和组件的，路由用于设定访问路径，并将路径和组件映射起来。

8321·2023-03-30 22:33

vue开发文档整理

一、技术选型使用vue-cli基于webpack结合的核心使用vue、vue-router使用vuex做全局数据的状态管理better-scroll滚动回弹mock模拟数据axios/fetch进行网络请求二

a不知所谓·2023-03-30 19:51

Vue-router

前置：单页应用最显著特点之一就是采用的前端路由系统，通过改变URL，在不重新请求页面的情况下，更新页面视图。更新视图但不重新请求页面，是前端路由原理的核心之一，目前在浏览器环境中这一功能的实现主要有2种方式：1、利用URL中的hash("#");2、利用Historyinterface在HTML5中新增的方法;一、hashHistory通过（1）HashHistory.push()（2）HashH

DannyCloud·2023-03-30 16:27

vue全局组件

1、全局组件Vue.component(tagName,options)，自己用在main.js直接引入importVuefrom'vue'importVueRouterfrom'vue-router'importVueResourcefrom'vue-resource'Vue.use

懒羊羊3号·2023-03-30 07:53

05【手写vue-router】实现router-link

myRouter.install=(Vue,options)=>{Vue.mixin({beforeCreate(){if(this.$options&&this.$options.router){this.$router=this.$options.router;this.$route=this.$router.routeInfo;}else{this.$router=this.$parent.

章音十·2023-03-30 05:11

Vue-Router

路由传参//传参this.$router.push({path:'/stu/info',query:{id:stuId}})//参数接收this.$route.query.id注意事项区分router和route区分replace和push

微笑_celia·2023-03-30 04:04

SpringBoot+smm+Vue前后端分离项目用户模块基本功能设计

UserDto2LoginIfoLoginIfo2User用户登录前端：登录页面代码后端：登录业务实现前端：axios前置拦截器配置后端：Interceptor的实现前端：axios后置拦截器配置前端：Vue-Router

Nagisa-·2023-03-29 23:25

Vue核心：Vue扩展插件、双大括号表达式、强制数据绑定、绑定事件监听、计算属性、监视属性、计算属性高级、class与style绑定、条件渲染、列表渲染、事件处理、表单输入绑定、vue声明周期分...

1、Vue扩展插件：*vue-cli:vue脚手架*vue-resource(axios):ajax请求*vue-router:路由*vuex:状态管理*vue-lazyload:图片懒加载*vue-scroller

琉佳·2023-03-29 19:15

前端电商项目

技术栈：vue3.0（使用组合API的方式来开发），axios，vue-router（单页路由），vuex（状态管理，vuex数据持久化），@vueus

undefined—·2023-03-29 16:19

2019-07-22

样式尽量写在公共css里，利于webpack压缩3、build/webpack.base.conf设置externals屏蔽打包过大的依赖组件，利用cdn进行加载externals:{'vue':'Vue','vue-router

yy_c856·2023-03-29 13:43

Vue重写push方法（NavigationDuplicated报错）

一、场景在点击侧边栏进行路由跳转的时候，如果再次点击本身所处的侧边栏选项，控制台就会报错，用的是编程式导航，如下图所示：二、报错原因vue-router在3.1版本之后把this.

落雪小轩韩·2023-03-29 12:54

Vue的路由

不和谐发光体·2023-03-29 07:08

Grandperhaps·2023-03-29 04:10

【手写vue-router】初始化路由信息

需要一个类将路由信息保存起来初始化路由信息：判断打开的界面有没有hash，没有就跳转到#/页面加载完成后和hash发生变化后都要保存当前地址判断打开的界面有没有路径,如果没有就跳转到/加载完成之后和history发生变化之后都需要保存当前的地址classmyRouteInfo{constructor(){this.currentPath=null;}}classmyRouter{construct

章音十·2023-03-29 03:16

Vue CDN打包

一、3.x在build/webpack.base.conf.js下module.exports中添加打包排除externals:{'vue':'Vue','vue-router':'VueRouter'

凌康233·2023-03-29 02:24

详解JavaScript中的before-after-hook钩子函数

Hookcollectionbefore-after-hook最近看别人的代码，接触到一个插件，before-after-hook，百度搜一圈也没有看到什么地方有教程，看这个字面意思是一个hook，和axios里面的拦截器，vue-router

·2023-03-29 01:13

记录vue-router打包优化（懒加载、分包方式）

在使用vue-router时，对路由配置打包的一些方法和问题的记录未优化的打包方式路由文件:import{createRouter,createWebHashHistory,createWebHistory

Jiabing Yu·2023-03-28 20:17

走进Vue【三】vue-router详解

前端路由优点缺点vue-router安装路由初体验1.路由组件router-linkrouter-view2.步骤1.定义路由组件2.定义路由3.创建router实例4.挂载实例合并动态路由匹配1.匹配优先级

忆凡_·2023-03-28 16:40

走进Vue【四】导航守卫和路由原信息详解

全局前置守卫全局解析守卫全局后置钩子路由独享的守卫组件内的守卫可用的配置API使用组合API完整的导航解析流程路由元信息写在最后JSON包里写函数，关注博主不迷路前言哈喽小伙伴们，上一期给大家总结了一下vue-router

忆凡_·2023-03-28 16:40

Vue路由传参两种方式

在vue-router路由中，传参方式一般分两种：一种是利用$route.query对象的Get方式传参，与http的get方式一样，会将参数暴露到地址栏，使用方式如下：路由请求发起(编程式导航)：this

骨灰扬诺夫·2023-03-28 03:23

九、全局导航守卫 ------ 2019-09-21

1、什么是导航守卫：正如其名，vue-router提供的导航守卫主要用来通过跳转或取消的方式守卫导航。有多种机会植入路由导航过程中：全局的,单个路由独享的,或者组件级的。

自己写了自己看·2023-03-28 02:51

vue router连续点击多次路由报错解决方法

2.如果在重新下载依赖包时，安装的vue-router还是之前出错的那个版本，那么要怎么解决呢？

々十五々·2023-03-27 23:50

使用Vue+vue-router+路由守卫实现路由鉴权功能实战

目录一、本节介绍和上节回顾1.上节介绍2.Vue+SpringBoot前后端分离项目实战的目录3.本小节介绍二、Vue-router改造以及路由鉴权1.路由数据的拆分2.路由守卫三、404错误页的实现1

经海路大白狗·2023-03-27 21:09

vue点击按钮实现页面跳转

vue点击按钮实现页面跳转1.安装vue-router：npminstallvue-router2.在main.js中引入并使用vue-router：importVuefrom'vue'importAppfrom

北执南念·2023-03-27 21:05

Vue二、vue-router路由的各个部分的使用

vue-router官方文档官方给的文档很详细，我从在我搭的框架实际应用上讲述一下vue-router如何在项目中封装并引用。

好一只帅卤蛋·2023-03-27 17:59

前端路由原理和React Router

前端路由原理前端三大框架Angular、React、Vue，它们的路由解决方案angular/router、react-router、vue-router都是基于前端路由原理进行封装实现的，因此将前端路由原理进行了解和掌握是很有必要的

forever_提拉米苏·2023-03-27 13:44

vue-router两个不同的路由共用一个component的问题

遇到这样一个场景，即两个不同的路由，使用同一个组件，但是切换路由时无法触发mounted方法如图image.pngimage.pngimage.png在路由中引用的相同组件这时会遇到mounted无法触发的问题遇到这种问题有以下两种方法1.watch$route在页面中watch$route来实现watch:{'$route':function(){console.log(this.$route)

广告位招租·2023-03-27 10:12

Vue学习之旅Part9：使用vue-router实现前端路由和参数传递

一、概念1、什么是路由简单来说路由就是URL到函数的映射访问的URL会映射到相应的函数里然后由相应的函数来决定返回给这个URL什么东西路由进行的是一个匹配的工作2、后端路由和前端路由1、后端路由：对于普通网站所有超链接都是URL地址所有的URL地址都对应服务器上对应的资源每个前端的资源都对应着一个URL地址由后端路由进行分发浏览器在地址栏中切换不同的url时每次都会向后台服务器发出请求然后服务器响

Piconjo_Official·2023-03-27 08:05

Vite+Vue3+Vant快速构建项目

利用Vite脚手架工具可以很轻松生成以Vue3为模板的项目，但是作为Vue全家桶的vue-router、vuex、axios等成员，需要自己一个一个去配置。

天問_专注于大前端技术·2023-03-27 05:29

【面试题】vue-router插件是如何配置的

1下载引入vue-router到main.js中，可以写成importvueRouterfrom"vue-router"2配置routes，routes是一个对象数组，每个对象有三个参数pathnamecomponent3

spanman·2023-03-27 05:54

vue-router如何去中心化

vue-router作为Vue官方三大套件之一，在日常开发中成为了不可或缺的存在，但是不管多么niubility的框架或组件，在业务场景不断发生改变的同时，不可避免的会出现一些适用性上的问题，这就需要我们去扩展不同的使用场景

FiveYet·2023-03-27 00:06

vue的路由与嵌套路由

1.首先我们要引入vue文件和vue-router文件，可以用在线的cnd链接会在全局暴露VueRouter这个方法,然后我们要定义好待显示的组件varHome={template:`home组件`}varAbout

白意莲·2023-03-26 22:44

前端面试题-------持续更新

2、怎么定义vue-router的动态路由？怎么获取传过来的动态参数？答：在router目录下的index.js文件中

Moon_cs·2023-03-26 21:05

Vue-router之集成

在项目中使用vue-router项目中新建文件笔记所在项目新建client/config/新建client/router.js新建client/routes.js安装vue-routernpmivue-router-S

王童孟·2023-03-26 20:22

vue与原生app交互混合开发

vue与原生app交互混合开发vue通过路由vue-router。(例如：this.$router.push("home"),就可以跳转到home界面)，实现原生需要跳转的位置！

封楼·2023-03-26 09:46

keep-alive 的 include 属性实现 Vue 页面缓

使用keep-alive的include属性实现Vue页面缓众所周知，Vue中的keep-alive可以对组件进行缓存，搭配上vue-router的则可以实现页面缓存。

鹏_8450·2023-03-26 09:53

ElementUI 1.x 项目升级到 2.x 踩坑指北

前情提要项目依赖:vue,vuex,vue-router,element-ui项目语言:Typescript升级目标:1.4.6->^2.0.0升级步骤1.依赖升级修改package.json,部分关键依赖如下

zhaokuohaha·2023-03-26 08:48

vue3 新建项目包括 vue-router vuex axios的配置

main.jsimport{createApp}from'vue'importAppfrom'./App.vue'importroutesfrom"@/routes";import{store}from'@/vuex'importqsfrom'qs'importElementPlusfrom'element-plus'import'element-plus/dist/index.css'const

不一样的天空yx·2023-03-26 05:12

vuex 的学习

yarnaddvuex添加vuex的依赖vuex引入方式和vue-router一样Vue.use(Vuex)//创建Store实例conststore=newVuex.Store({//存储状态值state

Lancelot1025·2023-03-26 01:13

2020-03-01

今日目标1.能够说出什么是路由2.能够说出前端路由的实现原理3.能够使用Vue-Router实现前端路由4.能够实现嵌套路由，动态路由5.能够实现命名路由以及编程式导航6.理解并实现后台管理案例1.路由的概念路由的本质就是一种对应关系

__method__·2023-03-25 21:21

vue-router 设置路由在新窗口打开页面

一、标签实现新窗口打开新页面打开detail页只有tag="a"模式下target="_blank"属性才会生效。二、编程式导航routeLink(){letrouteUrl=this.$router.resolve({path:"/detail",query:{id:1}});window.open(routeUrl.href,'_blank');}三、直接使用a标签新页面打开

冬至_5b58·2023-03-25 05:04

2018-09-12vuejs类商城app项目

方得始终昨天刚写的vue类商城app项目https://github.com/youyouqiu/tanzhou18zhuimeng-vuejs-EC使用了vue脚手架模块：axios、vue-lazyload、vue-router

Mr柳上原·2023-03-25 00:29

使用vue开发中碰到的问题系列

1、RangeError:Maximumcallstacksizeexceeded一般vue-router报错说明是路由配置出问题了，或者跳转调用路由的时候出现死循环，RangeError:Maximumcallstacksizeexceeded

木A木·2023-03-24 21:21

Vite vue3 ts 配置 postcss、router、Pinia

目录VScode需要安装的插件初始化项目配置PostCSS配置vue-router配置Pinia使用PiniaVScode需要安装的插件VueLanguageFeatures(Volar)-VisualStudioMarketplacelanguage-postcss-VisualStudioMarketplace

lv_longcheng·2023-03-24 18:29

推荐频道

vue-router