vue.js学习08之vue-route

最新推荐文章于 2025-08-15 10:40:51 发布
最新推荐文章于 2025-08-15 10:40:51 发布
阅读量325 收藏
点赞数
分类专栏： vue.js 文章标签： vue.js
vue-route路由详解
温暖前端的博客
01-18 2346
配置路由格式：/router/:id传递方式：在path后面跟上对应的值传递后形成的路径:/router/1;
vue-router-sitemap-通过vue-router配置生成sitemap.xml-Vue.js开发
05-27
vue-router-sitemap通过vue-router配置安装npm i --save vue-router-sitemap示例用法// router.js import VueRout vue-router-sitemap通过vue-router配置生成sitemap.xml安装npm我-保存vue-router-sitemap示例用法//...
梦学谷视频笔记整理
05-21 664
1. Spring Boot和Spring Cloud区别 （1）Spring Boot可以离开Spring Cloud单独生存，而Spring Cloud不能离开Spring Boot （2）Spring Boot专注于开发单个个体微服务，SpringCloud关注全局服务治理框架 （2）Spring Cloud关注全局微服务的协调治理框架，它将Spring ...
vue.js和vue-router.js下载教程
qq_39123467的博客
04-26 864
注意上面下载的vue-router@4，所以我们需要手动切换下使用版本。
VUE.js的路由（vue-router）及基本使用
wanglingli95的博客
02-16 5797
任务1：什么是前端路由 1.1 vue-router 的理解 vue-router是vue .js官方提供的一套专用的路由插件库，专门用来实现 SPA 应用。 1.2 对 SPA 应用的理解 单页 Web 应用（single page web application，SPA）。 整个应用只有一个完整的页面。 点击页面中的导航链接不会刷新页面，只会做页面的局部更新。 数据需要通过 ajax 请求获取。 1.3 什么是路由 一个路由就是一组映射关系（key - value），key 为路径, v
VUE.js
sixudhjj的博客
08-05 4966
Vue.js框架基础
warning in ./node_modules/vue-router/dist/vue-router.esm-bundler.js
weixin_45932157的博客
02-20 4539
问题 利用vue cli 新建vue2项目,安装vue-router后浏览器控制台报错: 问题所在和解决 :vue-router版本太高和vue2起冲突了,虽然router4.X的大部分的 Vue Router API 都没有变化,但vue-router 3.x 只能结合 vue2 进行使用~(网上查的说法,我翻了下router官方文档没找到这样的 解决也很简单：**卸载4版本的router,@指定版本装3.x的vue-router即可，我按自己的习惯安装3.5.2的vue-router亲测可用~**命令
Vue.js知识归纳与总结
jh15005767557的博客
12-23 2248
Vue.js 是一款流行的前端 JavaScript 框架，它被设计用于构建单页面应用程序 (SPA)。Vue.js 提供了数据绑定、组件化、路由管理、状态管理等一系列功能，使得开发人员可以使用简单的 API 快速构建高效、可维护、易扩展的 Web 应用程序。通过课程的学习，我深入了解了Vue.js 的核心概念、特性和应用。我了解了何使用Vue.js构建单额应用，以及如何使用Vue Router和Vuex等工具进行开发。这些知识使我Vue.js有了更深入的理解和掌握。我学习了许多实用的开发技巧和最佳实践。
简单免费下载vue-router.js和vue-router.min.js文件
于小猿的博客
02-16 9456
下载 vue-router.js 文件： https://unpkg.com/vue-router@3.5.1/dist/vue-router.js 直接 Ctrl+S 保存即可。 下载 vue-router.min.js 文件： https://unpkg.com/vue-router@3.5.1/dist/vue-router.min.js 直接 Ctrl+S 保存即可。
【愚公系列】《循序渐进Vue.js 3.x前端开发实践》061-Vue Router的动态路由
热门推荐
时光隧道
02-08 2万+
在现代单页面应用（SPA）的开发中，灵活而高效的路由管理是实现良好用户体验的关键。而 Vue Router 作为 Vue.js 的官方路由管理工具，提供了强大的动态路由功能，使得开发者能够根据应用需求动态地配置和渲染路由。这种灵活性不仅可以简化代码结构，还能降低项目的复杂度，让开发者专注于业务逻辑的实现。本文将深入探讨 Vue Router 中的动态路由，重点介绍如何定义和使用动态路由参数、如何通过动态路由实现更复杂的页面结构，以及如何在实际开发中利用动态路由提升应用的可维护性和扩展性。
Vue.js 路由详解与代码实例
By4tuna的博客
10-25 1986
Vue.js 路由是 Vue.js 官方提供的一个插件，用于管理应用中的路由。通过 Vue Router，开发者可以定义应用的路由规则，并将不同的 URL 映射到不同的组件。这样，用户在访问不同的 URL 时，可以动态加载相应的组件，实现单页应用的流畅体验。Vue.js 路由是构建单页应用的核心组件之一。通过 Vue Router，开发者可以轻松地管理应用的路由，实现动态加载组件、嵌套路由、重定向与别名等功能。
Vue.js框架入门之vue-router路由的基本使用
01-08
Vue.js框架入门之vue简介和基本语法(一） Vue.js框架入门之基本语法(二) Vue.js框架入门之条件渲染、列表渲染、事件处理 Vue.js框架入门之表单和组件基础 Vue.js框架入门之组件创建、注册、使用 现在来续写第六期...
element、ant design、es6、echarts、vue.js、vueX、vue Route...等 离线包
07-12
标题中的“element、ant design、es6、echarts、vue.js、vueX、vue Route”是一系列前端开发中常用的技术栈，这些技术在构建现代Web应用时起着至关重要的作用。下面将对这些技术进行详细介绍。 1. **Element**：...
Vue.js实战之利用vue-router实现跳转页面
11-30
使用 Vue.js 做项目的时候，一个页面是由多个组件构成的，所以在跳转页面的时候，并不适合用传统的 href，于是 vue-router 应运而生。 官方文档： https://router.vuejs.org/zh-cn/essentials/getting-started.html ...
100道Vue.js 面试题（含答案）.pdf
06-24
Vue.js是一种渐进式JavaScript框架，主要用于构建用户界面。它是由尤雨溪创建，并且是目前前端开发中非常流行的技术之一。Vue.js的面试题涉及到多个方面，包括路由管理、状态管理、组件通信、指令使用等，这些都是...
20道Vue框架相关前端面试题及答案
qq_39540458的博客
08-14 1053
Vue是一个渐进式JavaScript框架，具有响应式数据绑定、组件化开发等核心特性。面试常见问题包括：双向数据绑定原理（Vue2使用Object.defineProperty，Vue3改用Proxy）、生命周期钩子（如created、mounted）、组件通信方式（props/emit、provide/inject等）、计算属性与监听器的区别、v-if与v-show的适用场景等。Vuex用于状态管理，包含state、mutations等核心概念；Vue Router支持hash和history两种路由模式
el-tree 编辑后保持现有展开状态
最新发布
m0_49494051的博客
08-15 163
一个小需求让我写这么多代码，可恶！
Vue 3 的 Effect 函数的嵌套与循环处理
weixin_43359503的博客
08-15 591
在之前的 Vue2与Vue3响应式原理与依赖收集详解 一文中，我们讲述了 Vue 2 与 Vue 3 在实现数据响应式处理的设计思路与他们的不同之处，也分析了 Vu
VUE3 学习笔记2 computed、watch、生命周期、hooks、其他组合式API
mashirokayo的博客
08-15 1150
在vue3中，虽然也能写vue2的computed，但还是更推荐使用vue3语法的computed。computed是一个函数。它的参数接收一个函数，这个函数可以是普通函数，也可以是箭头函数，由于vue3中没有this，所以无需关注函数类型对this指向的影响。这个函数就是计算的方法函数。但是通过这种方式定义的计算属性，是只读的，无法对属性进行修改。如果计算属性同时需要读取和修改，要通过下面这种形式：传入computed的参数是一个对象，在对象中配置get和set。
若依报错[vue-router] Duplicate named routes definition: { name: "Resources", path: "/resources" } warn @ vue-router.esm.js:16 vue-router.esm.js:16 [vue-router] Non-nested routes must include a leading slash character. Fix the following routes: - http://ruoyi.vip warn @ vue-router.esm.js:16 app.js:978 Error: Cannot find module './plppSys/reports/index' at webpackContextResolve (eval at ./src/views sync recursive ^\.\/.*$ (0.js:8701:1), <anonymous>:156:11) at webpackContext (eval at ./src/views sync recursive ^\.\/.*$ (0.js:8701:1), <anonymous>:151:11) at eval (permission.js:115:1) __webpack_require__.oe @ app.js:978 vue-router.esm.js:16 [vue-router] Failed to resolve async component default: Error: Cannot find module './plppSys/reports/index' warn @ vue-router.esm.js:16 vue-router.esm.js:16 [vue-router] uncaught error during route navigation: warn @ vue-router.esm.js:16 vue-router.esm.js:2257 Error: Cannot find module './plppSys/reports/index' at webpackContextResolve (eval at ./src/views sync recursive ^\.\/.*$ (0.js:8701:1), <anonymous>:156:11) at webpackContext (eval at ./src/views sync recursive ^\.\/.*$ (0.js:8701:1), <anonymous>:151:11) at eval (permission.js:115:1) abort @ vue-router.esm.js:2257 app.js:978 Error: Cannot find module './plppSys/resources/index' at webpackContextResolve (eval at ./src/views sync recursive ^\.\/.*$ (0.js:8701:1), <anonymous>:156:11) at webpackContext (eval at ./src/views sync recursive ^\.\/.*$ (0.js:8701:1), <anonymous>:151:11) at eval (permission.js:115:1) __webpack_require__.oe @ app.js:978 vue-router.esm.js:16 [vue-router] Failed to resolve async component default: Error: Cannot find module './plppSys/resources/index' warn @ vue-router.esm.js:16 vue-router.esm.js:16 [vue-router] uncaught error during route navigation: warn @ vue-router.esm.js:16 vue-router.esm.js:2257 Error: Cannot find module './plppSys/resources/index' at webpackContextResolve (eval at ./src/views sync recursive ^\.\/.*$ (0.js:8701:1), <anonymous>:156:11) at webpackContext (eval at ./src/views sync recursive ^\.\/.*$ (0.js:8701:1), <anonymous>:151:11) at eval (permission.js:115:1) abort @ vue-router.esm.js:2257 app.js:978 Error: Cannot find module './plppSys/users/index' at webpackContextResolve (eval at ./src/views sync recursive ^\.\/.*$ (0.js:8701:1), <anonymous>:156:11) at webpackContext (eval at ./src/views sync recursive ^\.\/.*$ (0.js:8701:1), <anonymous>:151:11) at eval (permission.js:115:1) __webpack_require__.oe @ app.js:978 vue-router.esm.js:16 [vue-router] Failed to resolve async component default: Error: Cannot find module './plppSys/users/index' warn @ vue-router.esm.js:16 vue-router.esm.js:16 [vue-router] uncaught error during route navigation: warn @ vue-router.esm.js:16 vue-router.esm.js:2257 Error: Cannot find module './plppSys/users/index' at webpackContextResolve (eval at ./src/views sync recursive ^\.\/.*$ (0.js:8701:1), <anonymous>:156:11) at webpackContext (eval at ./src/views sync recursive ^\.\/.*$ (0.js:8701:1), <anonymous>:151:11) at eval (permission.js:115:1) abort @ vue-router.esm.js:2257 app.js:978 Error: Cannot find module './plppSys/users/index' at webpackContextResolve (eval at ./src/views sync recursive ^\.\/.*$ (0.js:8701:1), <anonymous>:156:11) at webpackContext (eval at ./src/views sync recursive ^\.\/.*$ (0.js:8701:1), <anonymous>:151:11) at eval (permission.js:115:1) __webpack_require__.oe @ app.js:978 vue-router.esm.js:16 [vue-router] Failed to resolve async component default: Error: Cannot find module './plppSys/users/index' warn @ vue-router.esm.js:16 vue-router.esm.js:16 [vue-router] uncaught error during route navigation: warn @ vue-router.esm.js:16 vue-router.esm.js:2257 Error: Cannot find module './plppSys/users/index' at webpackContextResolve (eval at ./src/views sync recursive ^\.\/.*$ (0.js:8701:1), <anonymous>:156:11) at webpackContext (eval at ./src/views sync recursive ^\.\/.*$ (0.js:8701:1), <anonymous>:151:11) at eval (permission.js:115:1) abort @ vue-router.esm.js:2257 app.js:978 Error: Cannot find module './plppSys/users/index' at webpackContextResolve (eval at ./src/views sync recursive ^\.\/.*$ (0.js:8701:1), <anonymous>:156:11) at webpackContext (eval at ./src/views sync recursive ^\.\/.*$ (0.js:8701:1), <anonymous>:151:11) at eval (permission.js:115:1) __webpack_require__.oe @ app.js:978 Promise.catch eval @ permission.js:115 eval @ vue-router.esm.js:2087 eval @ vue-router.esm.js:2114 eval @ vue-router.esm.js:2114 flatMapComponents @ vue-router.esm.js:2113 eval @ vue-router.esm.js:2049 iterator @ vue-router.esm.js:2300 step @ vue-router.esm.js:1947 step @ vue-router.esm.js:1951 step @ vue-router.esm.js:1951 eval @ vue-router.esm.js:1948 eval @ vue-router.esm.js:2322 eval @ permission.js:46 iterator @ vue-router.esm.js:2300 step @ vue-router.esm.js:1947 step @ vue-router.esm.js:1951 runQueue @ vue-router.esm.js:1955 confirmTransition @ vue-router.esm.js:2330 transitionTo @ vue-router.esm.js:2203 push @ vue-router.esm.js:2544 eval @ vue-router.esm.js:2963 push @ vue-router.esm.js:2962 push @ index.js:172 handler @ vue-router.esm.js:1133 invokeWithErrorHandling @ vue.runtime.esm.js:1854 invoker @ vue.runtime.esm.js:2179 original._wrapper @ vue.runtime.esm.js:6917 permission.js:46 [vue-router] Failed to resolve async component default: Error: Cannot find module './plppSys/users/index' warn @ vue-router.esm.js:16 eval @ vue-router.esm.js:2076 eval @ vue-router.esm.js:2146 Promise.then eval @ vue-router.esm.js:2093 eval @ vue-router.esm.js:2114 eval @ vue-router.esm.js:2114 flatMapComponents @ vue-router.esm.js:2113 eval @ vue-router.esm.js:2049 iterator @ vue-router.esm.js:2300 step @ vue-router.esm.js:1947 step @ vue-router.esm.js:1951 step @ vue-router.esm.js:1951 eval @ vue-router.esm.js:1948 eval @ vue-router.esm.js:2322 eval @ permission.js:46 iterator @ vue-router.esm.js:2300 step @ vue-router.esm.js:1947 step @ vue-router.esm.js:1951 runQueue @ vue-router.esm.js:1955 confirmTransition @ vue-router.esm.js:2330 transitionTo @ vue-router.esm.js:2203 push @ vue-router.esm.js:2544 eval @ vue-router.esm.js:2963 push @ vue-router.esm.js:2962 push @ index.js:172 handler @ vue-router.esm.js:1133 invokeWithErrorHandling @ vue.runtime.esm.js:1854 invoker @ vue.runtime.esm.js:2179 original._wrapper @ vue.runtime.esm.js:6917 permission.js:46 [vue-router] uncaught error during route navigation: warn @ vue-router.esm.js:16 abort @ vue-router.esm.js:2256 eval @ vue-router.esm.js:2307 eval @ vue-router.esm.js:2081 eval @ vue-router.esm.js:2146 Promise.then eval @ vue-router.esm.js:2093 eval @ vue-router.esm.js:2114 eval @ vue-router.esm.js:2114 flatMapComponents @ vue-router.esm.js:2113 eval @ vue-router.esm.js:2049 iterator @ vue-router.esm.js:2300 step @ vue-router.esm.js:1947 step @ vue-router.esm.js:1951 step @ vue-router.esm.js:1951 eval @ vue-router.esm.js:1948 eval @ vue-router.esm.js:2322 eval @ permission.js:46 iterator @ vue-router.esm.js:2300 step @ vue-router.esm.js:1947 step @ vue-router.esm.js:1951 runQueue @ vue-router.esm.js:1955 confirmTransition @ vue-router.esm.js:2330 transitionTo @ vue-router.esm.js:2203 push @ vue-router.esm.js:2544 eval @ vue-router.esm.js:2963 push @ vue-router.esm.js:2962 push @ index.js:172 handler @ vue-router.esm.js:1133 invokeWithErrorHandling @ vue.runtime.esm.js:1854 invoker @ vue.runtime.esm.js:2179 original._wrapper @ vue.runtime.esm.js:6917 permission.js:46 Error: Cannot find module './plppSys/users/index' at webpackContextResolve (eval at ./src/views sync recursive ^\.\/.*$ (0.js:8701:1), <anonymous>:156:11) at webpackContext (eval at ./src/views sync recursive ^\.\/.*$ (0.js:8701:1), <anonymous>:151:11) at eval (permission.js:115:1) abort @ vue-router.esm.js:2257 eval @ vue-router.esm.js:2307 eval @ vue-router.esm.js:2081 eval @ vue-router.esm.js:2146 Promise.then eval @ vue-router.esm.js:2093 eval @ vue-router.esm.js:2114 eval @ vue-router.esm.js:2114 flatMapComponents @ vue-router.esm.js:2113 eval @ vue-router.esm.js:2049 iterator @ vue-router.esm.js:2300 step @ vue-router.esm.js:1947 step @ vue-router.esm.js:1951 step @ vue-router.esm.js:1951 eval @ vue-router.esm.js:1948 eval @ vue-router.esm.js:2322 eval @ permission.js:46 iterator @ vue-router.esm.js:2300 step @ vue-router.esm.js:1947 step @ vue-router.esm.js:1951 runQueue @ vue-router.esm.js:1955 confirmTransition @ vue-router.esm.js:2330 transitionTo @ vue-router.esm.js:2203 push @ vue-router.esm.js:2544 eval @ vue-router.esm.js:2963 push @ vue-router.esm.js:2962 push @ index.js:172 handler @ vue-router.esm.js:1133 invokeWithErrorHandling @ vue.runtime.esm.js:1854 invoker @ vue.runtime.esm.js:2179 original._wrapper @ vue.runtime.esm.js:6917
06-02
好的，我现在需要解决用户提到的若依（RuoYi）系统在使用VueRouter时出现的几个错误。首先，我需要仔细分析用户提供的错误日志，找出关键问题所在。首先，用户提到的第一个错误是“[vue-router] Duplicate ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值