VueRouter

vue-cli工具-路由&swiper插件&Echarts使用

一、路由（VueRouter）VueRouter是Vue.js(opensnewwindow)官方的路由管理器。
韩歆歆·2023-12-21 17:09

解决Vue-Router升级导致的Uncaught(in promise) navigation guard问题

homePage"viaanavigationguard.路由报错.png解决方法一：在路由文件添加：//解决Vue-Router升级导致的Uncaught(inpromise)navigationguard问题constoriginalPush=VueRouter.pro
咩啊啊啊·2023-12-21 16:41

Vue中的路由使用

在Vue中，通常使用VueRouter进行路由配置。
MarkOut·2023-12-21 11:31

VueRouter路由

目录一、路由的基本使用二、多级路由三、路由的query参数四、命令路由五、路由的params参数六、路由的props配置七、router-link的replace的属性八、编程式路由导航九、缓存路由组件十、全局路由守卫十二、组件内部路由守卫十三、history模式和hash模式十四、使用路由元信息(meta)设置页面标题一、路由的基本使用//该文件专门用于创建整个应用的路由器importVueRo
饮茶听风·2023-12-21 08:33

window.open和vue router新开页面

window.open二、vue-router三、URLSearchParams四、新页面接收参数总结前言打开新页面，并实现在新开页面中携带参数，可以使用URLSearchParams对象，进行参数的拼接和解析，vuerouter
鹤渺·2023-12-21 07:33

Vue学习计划-Vue2--VueCLi（九）vue路由详解

是路径,value是组件，通俗的将就是通过一个路径key，可以访问vue的组件，实现组件的访问与跳转以及传参2.基本使用安装vue-router,命令npmivue-router应用插件：Vue.use(vueRouter
化作繁星·2023-12-21 06:44

前端技术面试之VueRouter

ue路由器路由初体验安装npminstall--savevue-router复制代码使用router.js路由配置@如果你的Vue-Cli是3的版本，可以在创建项目的同时，可以选择安装router插件vueui创建好项目，自带的router文件就是路由配置文件importVuefrom'vue'//引入vue-routerimportVueRouterfrom'vue-router'importF
WEB前端含光·2023-12-21 01:15

解决ElementUI导航栏中的vue-router在3.0版本以上重复点菜单报错问题

把以下内容放在路由文件中constoriginalPush=VueRouter.prototype.pushVueRouter.prototype.push=functionpush(location)
小宝儿_09f3·2023-12-20 18:36

vue-router

/1引入vue和vue-routerimportVuefrom'vue';importVueRouterfrom'vue-router';//2通过Vue.use()明确地安装路由功能Vue.use(VueRouter
[object undefined]·2023-12-20 17:24

vue-路由导航高亮

1、什么是高亮----网页中通过样式设置，让一系列元素中的某个元素突出显示2、路由导航高亮①默认高亮vueRouter提供了一个高亮class名称：.router-link-active,可以让导航链接自动实现样式差异
Serendipiy_yyj·2023-12-20 17:52

vue-路由的实现

src/router/index.js/***路由模块*///1、导入模块importVuefrom"vue"importVueRouterfrom"vue-router"//2、注册模块Vue.use(VueRouter
Serendipiy_yyj·2023-12-20 17:22

uni-app5+app打包,vue3开发vite.config.js的配置

defineConfig,loadEnv}from'vite'importvuefrom'@vitejs/plugin-vue'import{resolve}from'path'/*一个按需自动导入Vue/VueRouter
Stacey-TL·2023-12-20 13:50

Vue3配置使用vue-router路由

package.jsonvite.config.jsindex.htmlpublic/src/api/assets/common/components/store/views/home.vuelist.vuerouter
天問_·2023-12-20 07:44

vue-router

vue-routerFAQ1Vue-Router基本介绍1.1基本介绍VueRouter：Vue.js的官方路由管理器VueRouter+Vue.js构建单页面应用路由出口，路由匹配到的组件将渲染在这里
冷小姐_716d·2023-12-20 05:31

VueRouter的编程式导航和导航守卫

编程式导航VueRouter提供了编程式导航的方法，这意味着你可以在JavaScript中编写代码来导航到不同的路由。这通常在处理用户交互或其他异步操作时很有用。要实现编程式导航，你可以使用this.
桃汁11·2023-12-18 20:50

解决spa页面首屏加载慢的方式笔记

1.减少入口文件的体积路由懒加载：在需要的时候进行加载，按需加载前提：进行懒加载的子模块需要是一个单独的文件，所以要实现懒加载，就得先将进行懒加载的子模块（子组件）分离出来vuerouter支持开箱即用的动态导入
欧偶藕·2023-12-18 19:31

Vue之路由(Vue Router)

文章目录什么是VueRouter安装和配置VueRouter基本的路由配置路由规则路由链接路由参数嵌套路由导航守卫基本用法创建路由实例在主应用中使用路由创建视图组件在模板中使用路由链接路由传参总结什么是
魔王-T·2023-12-17 02:51

vue与angular以及react的区别

生态系统：Vue生态系统包括Vuex（状态管理）和VueRouter（路由管理），同时也有许多第三方插件和库。A
无妄的罪·2023-12-16 07:27

vue项目实战2

文章目录项目实战2后台数据管理系统-项目架构设计pnpm包管理器-创建项目ESLint&prettier配置代码风格基于husky的代码检查工作流调整项目目录VueRouter4路由代码解析引入element-ui
sober30·2023-12-16 00:18

Web前端 ---- 【Vue】Vue路由传参（query和params）

目录前言为什么用路由路由route和路由器routerVue中路由的工作原理安装配置vue-router使用VueRouter多级路由路由传参query传参params传参前言本文介绍路由相关知识路由传参为什么用路由为了单页面应用开发
软工不秃头·2023-12-15 16:14

day40-43-Vue2.js-路由VueRouter-Vuex状态管理-Axios异步

今日内容零、复习昨日一、Vue简介1.1简介Vue(读音/vjuː/，类似于view)是一套用于构建用户界面的渐进式的js框架，发布于2014年2月。与其它大型框架不同的是，Vue被设计为可以自底向上逐层应用。Vue的核心库只关注视图层，不仅易于上手，还便于与第三方库（如：vue-router，vue-resource，vuex）或既有项目整合。渐进式:明式渲染->组件系统->客户端路由->集中式
沐沐霸·2023-12-15 04:30

前后端项目开发笔记-环境搭建（一）

是一个轻量级的，前后端分离的Java快速开发平台，能快速开发项目并交付【接私活利器】采用SpringBoot、Shiro、MyBatis-Plus、Vue3、TypeScript、ElementPlus、VueRouter
有语忆语·2023-12-14 19:33

Vue路由跳转传参或打开新页面跳转

在Vue中，你可以使用VueRouter来进行路由跳转，并且可以通过路由参数来传递数据。
一花一world·2023-12-06 13:04

vue3 vue-router 导航守卫 （五）

VueRouter提供了多个导航守卫，包括全局守卫、路由独享守卫和组件内守卫。可以在路由切换时执行一些特定的逻辑，例如身份验证、权限控制、数据加载等帮助你更好地控制整个应用程序的导航流程。
小钱999·2023-12-06 11:23

解决ssr服务端渲染程序启动报错： ReferenceError: location is not defined

问题可能与你在服务器端使用的VueRouter代码有关。VueRouter中的createWebHashHistory函数试图访问location对象，导致了这个错误。为解决这个问题，你应
kingtopest·2023-12-06 08:43

【Vue】将官方路由管理器 vue-router 库引入 Vue 项目的三种方法

前言VueRouter是Vue.js的官方路由管理器。它可以帮助我们在Vue应用中实现页面之间的跳转和导航，并且提供了一些高级功能，如路由参数、路由嵌套、路由守卫等。
HEX9CF·2023-12-06 05:46

Vue路由切换时组件控制内部滚动条位置

Vue路由切换时组件控制内部滚动条位置介绍示例代码介绍在VueRouter中，可以通过设置scrollBehavior来控制路由切换时的滚动行为，可以在scrollBehavior中根据路由的不同情况来自定义滚动行为
lqjun0827·2023-12-05 14:07

vue3 vue-router的安装及配置 (一)

文章目录一、安装二、VueRouter配置2.1vue-router两种引入方式的区别2.2不同的历史模式三、router-link四、router-viewVueRouter作用：在应用程序中实现优雅的导航和路由管理
小钱999·2023-12-05 09:59

vue3 vue-router 404 重定向 别名 嵌套路由 命名视图 元信息 （三）

文章目录一、404Notfound路由二、重定向三、别名四、嵌套路由五、命名视图六、路由元信息一、404Notfound路由当用户输入任何未知的路径时，VueRouter都将显示我们定义的404页面。
小钱999·2023-12-05 09:59

vue3 vue-router编程式导航（二）

文章目录一、跳转到指定路径1.query传参2.Params传参二、前进/后退三、替换当前页VueRouter提供了强大且灵活的编程式导航功能，能够通过代码来控制路由的切换和跳转。
小钱999·2023-12-05 09:24

Vue Router路由学习

VueRouter1、什么是路由？
学习前端的渣渣·2023-12-04 23:29

(使用vite搭建vue3项目（vite + vue3 + vue router + pinia + element plus）)

使用vite搭建vue3项目（vite+vue3+vuerouter+pinia+elementplus）初始化项目安装依赖，运行项目初始配置初始化项目1.需要在创建项目的位置cmd目录下执行2.npminitvite
梦想家加一·2023-12-04 21:17

vue-router跳转滚动的问题(scrollBehavior)

1.最简单的方法：scrollBehaviorimportVuefrom'vue'importVueRouterfrom'vue-router'Vue.use(VueRouter)constHome={
Mr无愧于心·2023-12-04 17:52

怎么联系vue客服_Vue在线客服系统【开源项目】

技术栈包含：Vue、VueX、VueRouter、ElementUI。2.功能介绍项目包含了2个模块：客服端和访客端。2.1客服端功能1)文本和表情混合内容的接收和发送。2)图片、文件的接收和发送。
weixin_39726044·2023-12-04 08:34

SSM项目实战-编写路由规则以及登录页面实现，使用Vue3+Vite+Element-Plus+Axios技术

nbsp;import{reactive}from'vue'constform=reactive({username:'lina',userPwd:'123456',})2、App.vue3、安装路由器VueRouter
丁总学Java·2023-12-04 06:38

vue2 全局路由守卫独享路由守卫组件内路由守卫共 5 个

/views/home.vue";Vue.use(VueRouter);constroutes=[{path:"/",name:"Home",component:Home,},{path:"/about
胡西风_foxww·2023-12-04 03:33

VueRouter传参

传递单个参数方法一router中的path后面加一个变量，传递的参数放在router-link中的to里，组件使用时通过this.$route.params接受传值letrouter=newVueRouter({routes:[{path:'/detail/:id',meta:{name:'home'},component:()=>import(/*WebpackChunkName:'zzz'*/
skydot·2023-12-04 02:50

vue ——Vue-router

概念VueRouter是Vue.js的官方路由。它与Vue.js核心深度集成，让用Vue.js构建单页应用变得轻而易举。
layman0528·2023-12-03 20:16

Vue快速实践总结 · 下篇

父通信（自定义事件）任意组件通信全局事件总线消息订阅与发布Vuex工作原理运行环境简单使用GettersmapState与mapGettersmapActions与mapMutations模块化+命名空间VueRouter
十八岁讨厌编程·2023-12-03 19:06

【vue-router】useRoute 和 useRouter 的区别

目录引言官方文档useRoute函数useRouter函数useRoute和useRouter区别结语开源项目引言在Vue3.2中，VueRouter提供了一些新的API以更好地与CompositionAPI
有来技术·2023-12-03 15:51

Vue学习笔记-路由的基本使用

//应用插件Vue.use(VueRouter)在
theLuckyLong·2023-12-01 23:45

router和route的区别

1.首先要知道VueRouter是vue官方的路由管理器2.1.router的作用是实现页面之间的跳转让单页面应用的开发变得更简单2.2.router是用来控制页面之间的跳转的（可以理解成一个导航系统能够实现到不同目的地的路线的切换
前端小金丝·2023-12-01 14:09

Vue Router的使用（扫盲篇）

为什要使用VueRouter？
FTD止水·2023-11-30 20:01

Vue3 中路由Vue Router 的使用

目录前言：一、什么是VueRouter？
清风 与我·2023-11-30 17:00

Vue3-VueRouter4路由语法解析

1.创建路由实例由createRouter实现2.路由模式1）history模式使用createWebHistory()：地址栏不带#2）hash模式使用createWebHashHistory()：地址栏带#3）参数是基础路径，默认/括号里的就是设置路径的前缀，此处是个变量，也可以设置固定值import.meta.env.BASE_URL：vite中的环境变量在vite.config.js文件中
小沐°·2023-11-30 12:37

笔记：Vue Router

笔记：VueRouter安装路由表配置路由切换编程式导航路由传参路由守卫路由的两种模式安装官网：https://router.vuejs.org/zh/①vue-router是Vue的路由插件，专门实现
我才是真的李成贤·2023-11-30 11:56

Vue Router路由

VueRouter是Vue.js的官方路由。它与Vue.js核心深度集成，让用Vue.js构建单页应用变得轻而易举。就是我在页面上点击一个按钮需要跳转到对应的页面，这就是路由跳转。
曹莓养乐多多·2023-11-30 11:56

Vue router笔记

Vuerouter1认识路由1.1什么是路由路由是通过互联的网络把信息从源地址传输到目的地址的活动路由器提供两种机制：路由和传送决定数据包从来源到目的地的路径转送就是将数据转移路由表本质是映射表，决定数据包的指向
一只蒻蒻·2023-11-30 11:55

【Vue2】VueRouter

路由的概念SPA：SPA(SinglePageApplication，单页面应用)，整个应用只有一个完整的页面，所有组件的展示、隐藏都在这一个页面中完成。不同组件之间的切换需要通过前端路由来实现，数据需要通过Ajax获取。缺点：1.首屏加载速度较慢、2.不利于SEO。对应的优化方法：1.路由懒加载、代码压缩、CDN加速、网络传输压缩、2.SSR服务器端渲染。路由：后端路由：请求方式、请求地址与fu
JS.Huang·2023-11-30 11:47

Vue router之router-link属性

router-link标签在Vuerouter中是很常用的标签下面我们来了解一下有关于他的属性首页关于1.tag属性to属性会将router-link渲染成a标签，但是如果我们想将router-link
Mountains_river·2023-11-30 11:46
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他