vuerouter

《Vue3 基础知识》Vue2 与 Vue3 技术对比（资源整理，建议收藏）

**Vue3技术Vue2技术描述Vue3Vue2Vue3/2官方指南VueRouter4VueRouter3Vue官方路由管理器Vuex4/Pinia(官方推荐)Vuex3Vue应用程序的状态管理模式+
AvatarGiser·2024-01-29 15:59

vue笔记（一）：部署

2、在想要创建项目的目录下执行命令npmcreatevue@latest按提示创建项目，其中vuerouter是实现路由功能，pinia实现组件之间共享数据。如果项目需要两个功能建议选择yes。
垃圾管理员·2024-01-28 19:20

【Vue版记账项目总结】Vue、Vuex、VueRouter、JS/TS、svg、css/scss实战总结

目录项目介绍项目前的准备及项目构思模块化封装通用组件@语法导入相关文件CSS的变种形式Vue中CSS的deep选择器Vue中CSS类名的表驱动编程使用VueRouter的active-class动态添加类名使用
不知名网友小H·2024-01-28 14:57

uniapp 实现路由拦截，权限或者登录控制

背景：项目需要判断token，即是否登录，登录之后权限参考uni-app官方：为了兼容其他端的跳转权限控制，uni-app并没有用vuerouter路由，而是内部实现一个类似此功能的钩子：拦截器，由其统一管理拦截器说明
Lan.W·2024-01-28 06:11

路由之编程式导航

Vue的路由系统，即VueRouter，提供了两种主要的导航方式：router.push和router.replace。这两种方法都用于跳转到不同的路由，但它们在如何处理浏览器的历史记录方面存在差异。
<有心人>·2024-01-27 13:14

vue报错 NavigationDuplicated: Avoided redundant navigation to current location:

你可以在router的配置文件index中写入以下代码importVueRouterfrom'vue-router';constoriginalPush=VueRouter.prototype.pushVu
yasuo56·2024-01-26 17:05

Vue-router-tab的使用

importRouterTabandstylesimportRouterTabfrom'vue-router-tab'import'vue-router-tab/dist/lib/vue-router-tab.css'Vue.use(RouterTab);VueRouter
Judy1623·2024-01-26 09:39

vueRouter中scrollBehavior实现滚动固定位置

使用前端路由，当切换到新路由时，想要页面滚到顶部，或者是保持原先的滚动位置，就像重新加载页面那样。vue-router能做到，而且更好，它让你可以自定义路由切换时页面如何滚动。注意:这个功能只在HTML5history模式下可用。当创建一个Router实例，你可以提供一个scrollBehavior方法：constrouter=newVueRouter({routes:[...],scrollBe
亮学长·2024-01-26 09:05

【Vite+Vue3+TS】基于Vite+Vue3+TypeScript+ESLint+Prettier+Stylelint搭建项目（亲测超详细）

目录项目搭建步骤确定node版本使用Vite创建Vue3项目规范目录结构配置环境修改Vite配置文件集成路由工具VueRouter集成状态管理工具Pinia集成CSS预编译器Sasssvg图标组件集成UI
aDiaoYa_·2024-01-26 08:07

vue的this指向问题

默认指向当前组件实例，可以访问该实例的各种属性和方法，常见this指向改变的情况有：1、在回调函数中使用this时，this的指向可能会发生改变；2、Vue的生命周期钩子函数中，this指向当前组件实例；3、VueRouter
忧郁的蛋~·2024-01-26 07:35

vue router 右到左过渡动画

VueRouter提供了内置的路由切换效果，可以通过设置组件来添加过渡动画。要实现从右向左的过渡动画，需要使用CSS样式来定义过渡效果。
twins3520·2024-01-25 21:11

介绍Vue router的history模式以及如何配置history模式

引言Vuerouter给我们提供了两种路由模式，分别是hash模式和history模式。
毕业_设计·2024-01-24 09:12

第十八节 vue3 elementplus 路由守卫

VueRouter提供了几种类型的路由守卫：全局前置守卫、全局后置守卫、路由独享的守卫。这节我们主要配置下项目得路由守卫。实现得功能
hongc93·2024-01-23 19:46

Vue router beforeEach为什么执行两次

当使用VueRouter时，beforeEach函数会在每个路由切换前执行一次，它的返回值会影响路由切换的行为。
KevinLee0424·2024-01-23 00:35

vue路由重复报错问题

问题vue路由重复报错NavigationDuplicated:Avoidedredundantnavigationtocurrentlocation解决constoriginalPush=VueRouter.prototype.push
Madrigal_cdfa·2024-01-22 06:36

vue路由-全局前置守卫

在VueRouter中，我们可以通过在路由配置中添加beforeEnter守卫来实现全局前置守卫。如图：2.配置
盖盖衍上·2024-01-21 04:14

Vue Router的基本使用、router-link以及router-link-active

vuerouter三级目录1、下载router2、router基本配置3、路由规则设置3、案例演示4、router-view和router-link5、router-link-active和router-link-exact-active
内师-ZT·2024-01-21 03:04

【 使用路由建立多视图单页应用详细介绍】

使用路由建立多视图单页应用详细介绍1.多视图1.1引入依赖库1.2创建自定义组件2.React（使用ReactRouter）3.Angular（使用AngularRouter）4.Vue（使用VueRouter
程序员不想YY啊·2024-01-21 03:03

【router-link详细介绍】

exact1.7.event1.8.exact-active-class1.9.aria-current-value1.router-linkrouter-link是一个用于在Vue应用中创建导航链接的组件，由VueRouter
程序员不想YY啊·2024-01-21 03:01

【记账本实战】02 添加 Vue Router 路由管理器

添加VueRouter路由管理器对初始化的项目进行瘦身在使用Vite创建一个Vue项目中，我们初始化好了一个Vue项目，我们需要对其进行瘦身，删除一些不会用到的文件。
凌云(mlinyun)·2024-01-21 00:05

Vue 标签router-link 作用、用法

目录作用基本用法作用router-link是Vue.js中VueRouter的一部分，也就是说你必须要使用VueRouter才能用使router-link，router-link其实就是相当于html中
A乐神·2024-01-19 23:55

【VUE】element-ui+vue-router:实现导航栏跳转路由

1.安装npminstallvue-router2.创建VueRouter实例创建一个新文件router.js并定义你的路由：//router.jsimportVuefro
kiraraLou·2024-01-19 16:52

Module build failed: SyntaxError: Unexpected token

vuerouter按需加载时报错写法：{path:'/product',component:()=>import('.
躺在家里不干活·2024-01-19 04:59

框架自带sidebar配置

路由配置的页面在这个框架里面,需要删除一些东西,在VueRouter里面,创建好两个路由,一个是由exportdefault导出去的,一个是由export导出去的,有很多人问,为什么要创建两个路由呢?
如果决定要走又何必挽留·2024-01-19 02:45

iframe中，修改列表中一项，保存后跳转回列表页

$router.back();//vuerouter里的知识提交成功后不跳转在本页面刷新window.location.href="/page/supplier_store";this.
宋乐怡·2024-01-17 17:05

前端vue 教程（详细版）

Vue具有丰富的生态系统，如VueRouter、Vuex、VueCLI等。Vue支持服务端渲染、TypeScript等特性，可以满足不同的开发需求。Vue可以
码农的自我进化·2024-01-17 13:39

route和router的区别

router为VueRouter的实例。
Z_B_L·2024-01-15 11:07

Vue-路由-配置

1.VueRouter的使用(5+2)参考官网5个基础步骤(固定)下载VueRouter模块到当前工程，这里指定版本：[email protected]引入vue-routerimportVueRouterfrom'vue-router
盖盖衍上·2024-01-15 09:00

Vue-路由-常见设置

在VueRouter中，重定向功能非常实用，可以帮助我们轻松实现这一需求。VueRouter允许我们在路由配置中使用重定向来改变用户的导航路径。这可以通过两种方式实现：全局重定向和组件内的局部重定向。
盖盖衍上·2024-01-15 09:00

vue3 做一个后台管理用的轻量级路由 + 菜单

Vue3的后台管理的项目想要做个菜单的话，一般会使用VueRouter设置路由，然后用UI库的菜单组件（比如el-menu）设置各种属性，然后还需要考虑权限等问题。
自然框架·2024-01-14 16:42

Vue学习笔记五--路由

1、什么是路由2、VueRouter2、1VueRouter介绍2、2使用步骤2、3路由封装3、router-link3.1两个类名3.2声明式导航传参4、路由重定向、404当找不到路由时，跳转配置到404
夜阑卧听风吹雨，铁马冰河入梦来·2024-01-13 21:30

Vue如何创建一个新页面以及相关路由配置详解

文章目录发现宝藏1.路由配置语法格式2.vue如何创建一个新页面1.创建Vue组件2.设计页面结构3.配置VueRouter4.更新导航菜单5.测试导航3.vue路由配置常见属性1.path2.name3
东离与糖宝·2024-01-13 19:08

vue路由配置和404页面配置

一.打开vuerouter官网：入门|VueRouterVue.js的官方路由https://router.vuejs.org/zh/guide/安装教程如下：在终端运行如下代码：然后就不按照教程走了。
_GuGu_·2024-01-13 16:15

router.afterEach()后置钩子用法

router.afterEach是VueRouter提供的全局后置钩子，用于在路由切换之后执行一些逻辑。
深度学习研究员·2024-01-13 12:01

路由前置守卫router.beforeEach相关用法

router.beforeEach是VueRouter提供的全局前置守卫，用于在路由切换之前执行一些逻辑。该守卫接收三个参数：to:即将要进入的目标路由对象。from:当前导航正要离开的路由。
深度学习研究员·2024-01-13 12:28

vue重复点击路由报错

:'/xxx可以通过在main.js或路由配置文件（index.js）中重写push的方法，解决该问题importVueRouterfrom'vue-router'constoriginalPush=VueRouter.prototype.pushVueRoute
煸橙干儿~~·2024-01-13 00:42

VueRouter 中 $router 和 $route 的区别 ?

#router和$route的区别?1.$route对象表示当前的路由信息，包含了当前URL解析得到的信息，包含当前的路径，参数query对象等。1.$route.path**字符串，对应当前路由的路径，总是解析为绝对路径，如"/foo/bar"。2.$route.params**一个key/value对象，包含了动态片段和全匹配片段，如果没有路由参数，就是一个空对象。3.$route.query
梦婷心逸·2024-01-12 23:45

vue3知识点5.2项目路由router教程 vue项目引入路由 搭建路由 嵌套路由 路由传参 导航守卫 命名视图 重定向 别名

一、路由介绍当加入VueRouter的时候，我们需要做的就是将我们的组件映射到路由上，下面是一个基本的例子：HTMLHelloApp!`将
luanmabug·2024-01-11 10:55

vue路由

安装npminstallvue-router@4VueRouter是vue.js的官方路由。
冬日的琛·2024-01-11 10:52

Vue中$route和$router

一、$router$router是VueRouter的一个对象，通过Vue
进击中的大学生·2024-01-11 01:13

模拟 VueRouter 的实现(简易版)

模拟VueRouter前置的知识：插件slot插槽混入render函数运行时和完整版的VueVueRouter的核心代码//注册插件//Vue.use()内部调用传入对象的install方法Vue.use
Wuner·2024-01-10 19:14

vue中＜router-view＞使用详解

是VueRouter提供的一个用于动态显示匹配到的组件内容的组件。在单页面应用中，页面的切换是通过路由的变化来实现的，而负责根据当前路由匹配到的组件渲染相应的内容。
深度学习研究员·2024-01-10 05:13

vue3新建项目，配置路由vue-router，引入element-plus

参考文档总结前言需求：新建一个vue3项目，配置路由，引入elementUI一、创建项目1、查看nodejs版本node-v2、新建vue3项目npmcreatevue@latest创建选项除了，是否引入VueRouter
longlongago~~·2024-01-09 20:54

Vue3项目实战开发

@TOC##Vue3项目实战开发一、技术栈说明技术栈为Vue3+Vite4+TypeScript+ElementPlus+Pinia+VueRouter等当前主流框架。
无处安放的波澜·2024-01-09 19:22

vueRouter 配合 keep-alive 不生效的问题

文章目录问题说明案例复现demo结构问题复现和解决其实这个不生效的问题根本也不算一个问题，犯的错和写错单词差不多，但是也是一时上头没发现，所以记录一下，如果遇到同样的问题，也希望可以帮助你早点看到这个哭笑不得的错误，哈哈哈问题说明这里我写了一个非常简单的demo来复现我的问题，我的问题场景出自于一个后台管理系统，我在app.vue中使用了router-view标签，来展示layout和其他一级路由
劫辞·2024-01-08 15:49

Vue Router 4.0 正式发布！焕然一新。

今天，VueRouter4正式发布稳定版本。
前端优选·2024-01-08 04:17

vite+vue3+ts 项目搭建

JavaScript项目创建完成cdmy-vite//进入项目npminstall//安装项目依赖npmrundev//运行项目二、项目简单配置vite+vue+ts项目目录初始结构如下，下面做一些简单配置1、初始化VueRouter
An_zhou·2024-01-08 00:02

Vue.js 3.0 学习笔记（十一）Vue Router路由

一、使用VueRouter1、HTML页面使用路由在HTML页面中使用路由#app{text-align:center;}.container{background-color:#73ffd6;margin-top
奥妙无穹·2024-01-07 23:44

知识笔记（六十六）———Vue Router的介绍与引入

在这里是记录我引入VueRouter的全过程，引入方面也最好先看官方文档一.介绍VueRouter是Vue.js的官方路由。它与Vue.js核心深度集成，让用Vue.js构建单页应用变得轻而易举。
瑞崽崽崽·2024-01-07 23:13

Vue路由（Vue-router）

：根据不同的用户事件，显示不同的页面内容本质：用户事件与事件处理函数之间的对应关系3.实现简易前端路由基于URL中的hash实现（点击菜单的时候改变URL的hash，根据hash的变化控制组件的切换）VueRouter
LetKing·2024-01-07 22:34
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他