vue-router

react快速开始项目模板

vitenpmcreatevitereact-learncdreact-learnnpmi目录结构一个完整的前端项目需要:状态管理在全局维护共有的状态(数据),让页面组件之间共享数据,我们使用pinia路由路由让页面之间可以进行跳转,我们使用vue-router
飞鸟malred·2025-06-29 06:41

vue3.0(十六)路由vue-router

文章目录路由vue-router路由1.vue-router功能2.vue-router组成3.vue-router常用的函数vue-router使用1.安装2.vue3.0配置3.vue2.0配置4.
程楠楠&M·2025-06-27 22:34

html5路由如何在nginx上部署（vite+vue3）

在这之前，我先说一下为什么html5路由需要在nginx上配置，我们知道，vue-router就是用来处理路由的，我我们在浏览器上输入地址时，这
大眼小夫·2025-06-27 20:47

Vue3基础（5）——前端路由、vue-router

黑马程序员Vue全套视频教程，从vue2.0到vue3.0一套全覆盖，前端必会的框架教程_哔哩哔哩_bilibili喜欢的小伙伴们别忘了投币，点赞，收藏呦，历经5年的反复打磨与锤炼，黑马程序员重磅推出全套最新的Vue2+Vue3基础课程。共计500多集的免费视频，助您轻松掌握前端圈最火的Vue框架！https://www.bilibili.com/video/BV1zq4y1p7ga?p=399&
番大茄子·2025-06-27 13:32

【Element Plus】Menu组件：url访问页面时高亮对应菜单栏

代码router：import{createRouter,createWebHistory}from'vue-router'exportconstroutes=[{path:
karshey·2025-06-20 13:34

[vue vue-router]vue3路由获取请求参数

在使用vue路由的时候，比如有一个tab栏，点击tab栏不同的tab切换。在配置二级路由时，不把id写死，作为路由参数站位routes:[{path:'/',component:Layout,children:[{path:'',component:Home},{//此处我们把id作为一个可变id配置path:'/category/:id',component:Category}]},{path:
·2025-06-17 23:46

模块自动导入的小工具

import{ref,reactive,onMounted}from'vue'import{useRoute,useRouter}from'vue-router'项目里很多文件都需要引入这些公共库，比较繁琐
qq_46435701·2025-06-15 17:55

vue3 setup里获取query params路由携带的参数

import{useRouter}from'vue-router'setup(){constrouter=useRouter()console.log(router.currentRoute.value.query
不知名前端v2·2025-06-14 22:37

vue2/3 - 报错Uncaught TypeError: (0 , vue__WEBPACK_IMPORTED_MODULE_0__.defineComponent) is not a funct

vue2|vue3开发，报错：UncaughtTypeError:(0,vue__WEBPACK_IMPORTED_MODULE_0__.defineComponent)isnotafunction，大概率vue-router
十一猫咪爱养鱼·2025-06-13 07:46

vue项目，页面刷新就404了

在Vue.js项目中，如果使用了vue-router并且路由模式设置为history模式，那么在刷新页面或直接访问某个路由时，可能会遇到404错误。
·2025-06-12 08:59

vue3 + ts + vite + element-plus根据url路径保持对应栏目高亮

上代码：000111222333YzpAction1Action2退出import{ref}from"vue"import{useRouter}from"vue-router"importlogosfrom
yskbchewidhw·2025-06-11 20:11

vue3结合element-plus封装ems菜单栏组件

import{defineComponent,computed,ref}from'vue'import{useStore}from'@/store'import{useRouter,useRoute}from'vue-router'import
进阶的巨人001·2025-06-11 20:11

Vue 自动导入函数和变量插件 unplugin-auto-import

importViteAutoImprotfrom'unplugin-auto-import/vite';//自动导入常用函数和变量//配置plugins:[ViteAutoImprot({imports:['vue','vue-router
HarryHY·2025-06-11 06:56

使用Vite构建Vue3项目，对路由Vue Router 4.x的设置

VueRouter官网：https://next.router.vuejs.org/zh/使用Vite构建时，会和以前的有些写法有些不同，例如之前我们使用//导入路由对象importVueRouterfrom'vue-router
夏日米米茶·2025-06-09 04:07

iframe三方页面嵌入

from"vue";import{getToken}from"@/utils/auth";importdomainfrom"@/utils/http/domain";import{useRoute}from"vue-router
啊～哈·2025-06-05 16:29

Vue2中路由的使用

vue-router是vue的一个插件库，专门用于SPA（单页面应用）一个路由就是一组映射关系key-value，key是路径，value是组件创建路由表，多级路由需要配置child时不需要写父路径mode
22x艾克斯·2025-06-04 17:04

vue路由的使用与鉴权

在Vue项目中，使用vue-router实现路由管理是构建单页应用（SPA）的核心部分。结合鉴权机制可以实现登录验证、权限控制等常见业务需求。
香蕉可乐荷包蛋·2025-06-04 08:58

前端（vue）学习笔记（CLASS 6）：路由进阶

router/index.js文件中，再将其导入回main.js文件中，即可实现路由的封装抽离例如//index.jsimport{createMemoryHistory,createRouter}from'vue-router'importHisPagefrom
肥肠可耐的西西公主·2025-06-04 06:06

异常解决---Uncaught (in promise) NavigationDuplicated {_name: "NavigationDuplicated"}的解决方法

)NavigationDuplicated{_name:"NavigationDuplicated",name:"NavigationDuplicated"}解决办法importRouterfrom'vue-router
一块小砖头儿·2025-05-21 08:56

vue项目部署后部分子页面刷新后403

导致403方法一：修改路由为hash模式//router/index.jsimport{createRouter,createWebHistory,createWebHashHistory}from'vue-router'constrouter
毛三仙·2025-05-12 19:47

uniapp 发布 H5监听路由变化

的兼容性问题h5环境下监听路由出了问题解决方案：//App.vuewatch:{'$route.meta.pagePath':{handler:function(newVal){//处理}}}没错，也就是Vue-router
某公司摸鱼前端·2025-05-11 13:05

vue3-admin商品管理后台项目(登录页开发和功能实现)

import{createRouter,createWebHashHistory}from'vue-router'
mzldustu·2025-05-09 01:23

vue-router的详细安装及配置

目录1、安装路由，2、引入并配置路由3、路由的视图展示4、路由跳转方式以及传递参数5、路由组件独有的两个钩子函数(也称之为生命周期),用于捕获路由组件的激活状态。6、路由的导航守卫1、安装路由，vue给我们提供了路由功能，该包需要单独安装。npminstallvue-router-S如果你的vue版本是2.0+那就要安装vue-router@3版本一下的，因为vue-router@4的版本只适合v
愚公爱上精卫·2025-05-03 23:29

新搭建一个 Vue 项目后，我有了这 15 点思考

公司主要业务是GIS和BIM，通常开发一些中大型的系统，所以vue-router和vuex都是必不可少的。放弃了ElementUI选择了AntDesignVue（最近Element好像复活了，麻蛋）。
前端瓶子君·2025-05-03 05:02

active-class 是哪个组件的属性？

active-class属于vue-router的样式方法，当router-link标签被点击时将会应用这个样式一、首先，active-class是什么，active-class是vue-router模块的
nanzhuhe·2025-05-02 08:38

前端基础之《Vue（12）—插件封装》

一、插件封装1、在Vue生态中，除了Vue本身，其它所有的与Vue相关的第三方包，都是插件例子：importVueRouterform'vue-router'Vue.use(VueRouter)//注册插件
csj50·2025-05-01 06:48

Ant Design Vue3 + TypeScript + Vite 左侧菜单生成

下面是一个示例：DashboardUserProfileListimport{defineComponent}from'vue';import{useRoute}from'vue-router';exportdefaultdefineComponent
zngfue·2025-05-01 06:16

下载和初步上手Vue3路由

yarnyarnaddvue-router@4二、路由配置与暴露1.路由配置文件router/index.jsjavascriptimport{createRouter,createWebHistory}from'vue-router
lh_1254·2025-04-28 03:19

Vue3 入门笔记 ---- 使用vue-router配置路由

文章目录路由的简单介绍vue-router安装vue-router创建router配置代码创建页面文件绑定router到vue实例上这个系列的笔记重点会放在怎么样利用Vue3把项目架设起来并跟后端API
潘智祥·2025-04-26 11:31

Vue浅解

指令Vue.js与页面交互，通过指令完成组件化对某一个功能进行封装，可重复用的代码路由vue-router—>官方插件，进行页面跳转状态管理vuex进行存储2、vue实例vue引入超链接3、声明式渲染1
百味&·2025-04-24 02:38

【项目管理后台】Vue3+Ts+Sass实战框架搭建二

报错问题，ImportMeta”上不存在属性“env”统一管理相关接口新建api/index.js路由的配置建立router/index.ts将路由进行集中封装，新建router.tsmain.ts的vue-router
花神yyds·2025-04-23 21:02

Vue2集成ElementUI实现左侧菜单导航

文章目录简介静态导航安装element-ui,vue-router,vuex编写router/index.jsmain.js中引入elementui,router编写左侧导航返回的菜单数据动态导航编写router
冉成未来·2025-04-23 05:13

vue-router报错的解决方法vue-router.esm.js?8c4f:2065 Uncaught (in promise) NavigationDuplicated:

在main.js中加入以下代码constoriginalPush=Router.prototype.pushRouter.prototype.push=functionpush(location){returnoriginalPush.call(this,location).catch(err=>err)}
桃花岛主70·2025-04-22 02:01

vue-router

vue-router模式modehistoryhashhistory和hash模式的区别：hash模式：url结构：浏览器地址栏中会显示#，hash值表示不同的页面兼容性好，基本上所有浏览器都支持不需要后端额外配置页面切换时
彬__·2025-04-20 00:52

Vue2和3的vue-router：生命周期、懒加载

Vue2+vue-router在Vue2中使用vue-router可以方便地管理单页面应用（SPA）中的路由。理解vue-router的生命周期和懒加载机制对于构建高效的Vue应用至关重要。
天外天-亮·2025-04-02 08:11

router-view的name属性 ＜router-view name=“path“＞＜/router-view＞

router-view，加上name属性使之区分，在路由配置中需要将component变为components，代码如下//vue2importVuefrom'vue'importVueRouterfrom'vue-router'Vue.use
FFF-X·2025-03-24 01:52

使用vue3和vue-router实现动态添加和删除cachedViews数组

以下是一个使用Vue3和VueRouter实现动态添加和删除cachedViews数组的代码示例，该示例结合keep-alive组件来动态控制路由组件的缓存。src/├──App.vue├──router/│└──index.js├──views/│├──Home.vue│├──About.vue│└──Contact.vue└──main.js代码实现router/index.jsimport{
没资格抱怨·2025-03-20 22:18

VUE动态路由

Vue提供了vue-router库来管理路由。以下是Vue路由的几种常见方式：1.声明式路由导航（使用）是VueRouter提供的组件，用于声明式导航。它会被渲染成一个标签，点击后会跳转到指定的路由。
qq_41164527·2025-03-19 00:24

【Vue.js 2.x源码解析】第18章 从Vue源码分析计算属性与侦听属性的本质差别

想深入了解Vue2.x源码底层原理实现，从编译系统、渲染系统到响应式系统vue-router和vuex等实现方式可以关注『Vue.js2.x源码精讲』专栏或查看专栏目录了解详情从Vue源码分析计算属性与侦听属性的本质差别计算属性
代码简单说·2025-03-18 07:10

Vue 路由 (vue-router) 详细总结

一、传统web应用与单页面web应用1.1传统web应用传统web应用由多个HTML页面组成，页面切换时会重新加载整个页面，导致用户体验不够流畅，对服务器压力较大。1.2单页面web应用(SPA)单页面应用只有一个HTML页面，通过JavaScript动态更新页面内容，实现局部刷新，具有以下特点：用户体验好：响应性强，类似桌面应用的即时性。服务器压力小：服务器只需提供数据，不负责页面渲染。前后端分
遇见~未来·2025-03-17 19:30

vue-router路由传参的两种方式（params 和 query ）

一、vue-router路由传参问题1、概念：A、vue路由传参的使用场景一般应用在父路由跳转到子路由时，携带参数跳转。
喵喵酱仔__·2025-03-15 15:10

unplugin-vue-router 的基本使用

每次创建新的页面都需要注册路由，需要在src/router.ts中新增页面的路径，并将URL路径映射到组件中，如下所示：import{createMemoryHistory,createRouter}from'vue-router'importHomePageViewfrom
·2025-03-14 21:33

Vue3开发 vue-router的使用

1、vue-router简介官方介绍：VueRouter是Vue.js(opensnewwindow)官方的路由管理器。它和Vue.js的核心深度集成，让构建单页面应用变得易如反掌。
CV菜鸟#·2025-03-14 03:45

vite+vue+ts+element-plus从零开发管理后台框架(14)-全屏切换

script段引入并实例化FullScreenimport{onMounted,ref}from'vue'import{useRoute,useRouter}from'vue-router'import
·2025-03-13 06:32

Vue 生态中路由与状态管理的变迁：Vue-Router、Vuex 及 Pinia 解析

Vue-Router有哪些变化?
大麦大麦·2025-03-10 08:30

vue3+vite+ts项目中使用vue-router

vite.config.ts:import{defineConfig}from'vite';importvuefrom'@vitejs/plugin-vue';importpathfrom"path";exportdefaultdefineConfig({plugins:[vue()],resolve:{alias:{"@":path.resolve(__dirname,"src"),}},});
枫叶&情缘·2025-03-06 11:42

vue3(笔记)4.0 vueRouter.导航守卫.ElementPuls知识点

vueRouter创建路由:完整写法(懒加载):默认写法与vue2一致:导入然后写成component:LoginPageimport{createRouter,createWebHistory}from'vue-router'constrouter
不断努力的根号七·2025-03-05 13:08

Vue3＋Vite创造路由

webpack和vite的vue-router添加路由有所不同，小编踩坑了1，先下载vue-routernpminstallvue-router@next2，配置vue-router需要配注意使用Vite
巴巴博一·2025-02-21 05:16

vue 3中 页面跳转

z1.普通函数的页面跳转首页我的import{useRouter}from'vue-router'//使用useRouter创建一个router实例constrouter=useRouter()//定义
治金的blog·2025-02-20 19:35

vue3+vite 自动引入export default的包

importautoImportfrom'unplugin-auto-import/vite';exportdefaultdefineConfig({plugins:[vue(),vueJsx(),autoImport({imports:['vue','vue-router
大橙子-·2025-02-20 07:47
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他