Vue-router

Vue3语法

vite.config.js中进行配置importAutoImportfrom'unplugin-auto-import/vite';plugins:[Vue(),AutoImport({imports:['vue','vue-router
林几许·2023-12-24 15:24

vue项目的创建和vue-router的详解

一：创建项目在桌面创建一个新的文件夹，点开新建文件夹在地址位置输入cdm打开黑窗口，然后子啊黑窗口中输入vuecreate项目名创建一个项目。选择要创建项目的类型这里我通过方向键的上下键选择最后一个的自定义类型对项目中需要的内容进行选择通过空格来进行选择和取消选择选择vue.js的版本这里我们选择vue2.x的版本通过方向键来进行选择选择路由的模式输入y就是选择了history模式，输入n就是选择
PCthedream·2023-12-24 01:35

Vue-router重写Router.prototype.push，解决相同路径跳转报错

编程式导航路由跳转到当前路由(参数不变),多次执行会抛出NavigationDuplicated的警告错误?（VueRouter3中的问题(vue2使用)，VueRouter4已修复(vue3使用)注意:编程式导航（push|replace）才会有这种情况的异常在router的index.js里面写，在use之前，如果加上以下代码，报错‘Cannotreadpropertiesofundefine
邹荣乐·2023-12-24 00:36

vue-router 中的导航钩子

1.导航钩子的作用vue-router的导航钩子，主要用来作用是拦截导航，让他完成跳转或取消。
时间的溺水者·2023-12-23 18:29

vue__WEBPACK_IMPORTED_MODULE_0__.defineComponent) is not a function

问题描述再写vue项目时使用了，vue-router插件，但是运行之后报错vue__WEBPACK_IMPORTED_MODULE_0__.defineComponent)isnotafunction，
Rumda·2023-12-23 09:20

＞ [email protected] serve ＞ vue-cli-service serve ‘vue-cli-service‘ 不是内部或外部命令，也不是可运行的程序 或解决“vue“不是内部或外部命令问题

可以查看当前npm版本号：2、进入node.js的安装目录的node_global文件中查看一级目录下是否存在vue.cmd指令：3、现在安装Vue,执行以下两个指令：31.安装脚手架vue-cli4.安装vue-router
captain_dong·2023-12-22 08:10

初学Vue

Vue的核心库只关注视图层，不仅易于上手，还便于与第三方库(如：vue-router，vue-resource，vuex)或既有项目整合。
秀温丸·2023-12-22 06:41

unplugin-auto-import/vite、unplugin-vue-components/vite实现自动引入本地组件、js脚本依赖

unplugin-vue-components-npmunplugin-auto-import-npm以下配置请结合官网和自己的项目食用以下是我自己项目中的vite.congfig.ts的配置://js按需自动引入AutoImport({imports:['vue',//引入vue3'vue-router
软件园的肖邦·2023-12-22 03:00

路由Router

文章目录前言一、路由二、vue-router三、相关面试题前言这张是关于路由的基础知识，先从vue-router开始，后期会补充reactRouter。
守灯者·2023-12-22 00:46

Vue2.0面试题集合

答：vue-router模块的router-link组件。2、怎么定义vue-router的动态路由？怎么获取传过来的动态参数？
蒲公英与阿狸·2023-12-21 23:52

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

inpromise)Error:Redirectedwhengoingfrom"/login"to"/homePage"viaanavigationguard.路由报错.png解决方法一：在路由文件添加：//解决Vue-Router
咩啊啊啊·2023-12-21 16:41

Vue中的路由使用

router.js的配置如下：importVuefrom'vue'importRouterfrom'vue-router'Vue.use(Router)exportdefaul
MarkOut·2023-12-21 11:31

路由传参params，vue3的vue-router已经把params传参给废弃了，你只能用params做动态的传参就是some:id,但是不能直接用params。

路由传参params，vue3的vue-router已经把params传参给废弃了，你只能用params做动态的传参就是some:id,但是不能直接用params。
深一海·2023-12-21 11:30

路由跳转传递参数注意事项，查询字符串传参，params传参需要注意的地方，菜单内容的二级内容 vue3

路由跳转和传参(vue3)_vue3路由传参-CSDN博客注意：import{useRouter}from"vue-router"constrouter=useRouter()1.查询字符串传参，传一个对象
深一海·2023-12-21 11:27

window.open和vue router新开页面

系列文章目录目录系列文章目录前言一、window.open二、vue-router三、URLSearchParams四、新页面接收参数总结前言打开新页面，并实现在新开页面中携带参数，可以使用URLSearchParams
鹤渺·2023-12-21 07:33

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

key-value）,多个路由需要路由器（router）进行管理前端路由：key是路径,value是组件，通俗的将就是通过一个路径key，可以访问vue的组件，实现组件的访问与跳转以及传参2.基本使用安装vue-router
化作繁星·2023-12-21 06:44

Vue-Router 的安装和使用

前端路由Vue-Router介绍什么是路由?
coderlion·2023-12-21 04:05

Vue-router 参数传递

开发中，参数的传递是个最基本的业务需求。过URL地址来传递参数是一个形式用name传递参数1、在路由文件src/router/index.js里配置name属性。2、模板里(src/App.vue)用$route.name的形势接收，比如直接在模板中显示：通过标签中的to传参用标签中的to属性进行传参，需要您注意的是这里的to要进行一个绑定，写成:to。valueString这里的to前边是带冒号
Rising_life·2023-12-21 03:03

前端技术面试之VueRouter

可以在创建项目的同时，可以选择安装router插件vueui创建好项目，自带的router文件就是路由配置文件importVuefrom'vue'//引入vue-routerimportVueRouterfrom'vue-router'importF
WEB前端含光·2023-12-21 01:15

【Vuex】基本介绍及使用详解

要点：vue官方搭配，专属使用(类似于：vue-router)，有专门的调试工具集中式管理数据状态方案(操作更简洁)data(){return{数据,状态}}数据变化是可预测的(响应式)vue官方提供的独立于组件体系之外的
【南汐】前端·2023-12-21 00:52

vue3一键回到顶部方法

110import{reactive,toRefs,onBeforeMount,onMounted,}from'vue'import{useRouter,useRoute}from'vue-router
小阳生煎·2023-12-21 00:17

Vscode中快速生成Vue3模版

"","","","import{reactive,toRefs,onBeforeMount,onMounted}from'vue'","import{useRouter,useRoute}from'vue-router
小阳生煎·2023-12-21 00:47

Vue3的路由跳转传参接参

然后通过route.query来进行接收a页面登录import{reactive,toRefs,onMounted,}from"vue";import{useRouter,useRoute}from'vue-router
小阳生煎·2023-12-21 00:47

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

把以下内容放在路由文件中constoriginalPush=VueRouter.prototype.pushVueRouter.prototype.push=functionpush(location){returnoriginalPush.call(this,location).catch(err=>err)}
小宝儿_09f3·2023-12-20 18:36

vue-router

一、创建路由路由router/index.js//1引入vue和vue-routerimportVuefrom'vue';importVueRouterfrom'vue-router';//2通过Vue.use
[object undefined]·2023-12-20 17:24

vue-路由的实现

App.vue...3、编写路由映射规则，创建路由模块：src/router/index.js/***路由模块*///1、导入模块importVuefrom"vue"importVueRouterfrom"vue-router
Serendipiy_yyj·2023-12-20 17:22

Vue3中vite动态import引入打包报错解决

import.meta.glob函数从文件系统导入多个模块，需要使用这个方式import{RouteRecordRaw,createRouter,createWebHistory,useRoute,}from"vue-router
成都彭于晏的橙子·2023-12-20 10:00

Vue3配置使用vue-router路由

随着Vue版本的升级，Vue2.x项目和Vue3.x项目在使用vue-router上有些区别，本文就简单介绍下vue-router在Vue3中的配置和使用。
天問_·2023-12-20 07:44

Vue3 Element Plus自定义年份区间选择组件

plugin-alias":"^3.1.9","@types/node":"^17.0.43","element-plus":"^2.2.15","three":"^0.148.0","vue":"^3.2.25","vue-router
Nithumahel·2023-12-20 06:57

vue-router

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

vue-router的钩子函数

模块一：全局钩子---一般用来判断权限，以及页面丢失时需要执行的操作（1）router.beforeEach（全局前置守卫）（beforeeach）意思是在每次每一个路由改变的时候都得执行一遍它的参数：to:Router:即将进入的目标路由对象from：Router:当前导航正要离开的路由next:Function:一定要调用该方法来resolve这个钩子进行管道中的下一个钩子（2）router.
韩girl·2023-12-20 03:50

vue3使用vue-router嵌套路由(多级路由)

文章目录1、Vue3嵌套路由2、项目结构3、编写相关页面代码3.1、编写route文件下index.ts文件3.2、main.ts文件代码：3.3、App.vue文件代码：3.4、views文件夹下的Home文件夹下的index.vue文件代码：3.5、views文件夹下的Home文件夹下的Tigerhhzzb.vue文件代码：3.6、views文件夹下的Home文件夹下的T.vue文件代码：3.
hhzz·2023-12-19 18:10

vue-router 引入子页面组件自动化

在构建路由的时候，经常会为越来越多的页面引入而感到麻烦，出现如下图的情况，每次新增一个子页面，都需要引入一次，非常繁琐。routes.js在看Vue官方文档时，有看到自动化注册全局组件的方法于是我就在想能不能像注册组件一样，用一个文件把所有的子页面给暴露出来呢？我查了很久，看了很多vue项目案例的源代码，发现大家好像都是一条一条引入的，子页面越多，import语句就越多。根据组件的自动化注册代码，
蒹葭乄白露·2023-12-19 11:28

vue-router的两种模式的区别

,用javascript动态的变化html的内容优点:良好的交互体验,用户不需要刷新页面,页面显示流畅,良好的前后端工作分离模式,减轻服务器压力,缺点:不利于SEO,初次加载耗时比较多1.hash模式vue-router
TurnHug·2023-12-19 10:28

从无到有搭建Vue.js+webpack前端开发环境（五）

上一篇我们简单的介绍了一下vue-router的下载和引入，并且将router.js文件稍微做了修改。这篇文章介绍了vuex库，并将其引入工程。第五阶段：引入vuex库什么是vuex？
littlebutt·2023-12-18 08:57

手写VUE后台管理系统8 - 配置404NotFound路由

import{RouteRecordRaw}from"vue-router"constroutes:RouteRecordRaw[]=[{name:"Home",path:'/'
死牛胖子·2023-12-18 03:06

vue3滑动拼图

下载模块包：npminstallvue3-puzzle-vcode--save使用此代码前先安装，element-plus，vue-router，less等模块登录功能部分//自定义背景图，自己准备一张图片
@tg6666666666666·2023-12-18 02:32

vue3路由跳转及传参

1.创建项目及路由1.1创建文件时记得勾选上vue-router，没有勾选也没有关系//vue3安装命令npmcreatevue@latest//以下选项可根据自己所需，进行选择，不懂就翻译✔Projectname
@tg6666666666666·2023-12-18 02:32

vue3组件的基本结构

账号密码验证码用户角色:登录作者:甘世涛版权所有违者必究前端框架:vue后端框架springbootimport{useRouter}from"vue-router";import{useStore}from"vuex
超维Ai编程·2023-12-17 17:33

【Vue第6-7章】vue-router与Vue UI组件库_Vue2

目录第6章vue-router6.1相关理解6.1.1vue-router的理解6.1.2对SPA应用的理解6.1.3路由的理解6.2基本路由6.2.1效果6.2.2总结：编写使用路由的3步6.2.3笔记与代码6.2.3.1笔记6.2.3.230_src_路由的基本使用6.3嵌套（多级）路由6.3.1笔记与代码6.3.1.1笔记6.3.1.231_src_多级路由6.4路由传参6.4.1笔记与代码
开五档的蒙奇·2023-12-17 16:02

uniAPP里面有router吗

然而，由于uni-app的跨平台特性，它使用的不是vue-router的语法。在uni-app中，路由的用法是使用uni.navigateTo方法，例如：uni.navigateTo({url:
zz_ll9023·2023-12-17 08:13

vue实现点击链接，网页标题显示自定义内容

想要实现的效果router文件夹下的index.js的写法：importVuefrom'vue'importRouterfrom'vue-router'//importHelloWorldfrom'@/
慢慢来的小邵·2023-12-17 07:40

初学vue3与ts：vue3选项式api获取当前路由地址

$route.pathvue3选项式api获取方法import{useRouter}from'vue-router';constrouter=useRouter();console.log(router
空&白·2023-12-16 20:50

day04-vuejs-路由(vue-router)

什么是路由:后端路由：对于普通的网站，所有的超链接都是URL地址，所有的URL地址都对应服务器上对应的资源；前端路由：对于单页面应用程序来说，主要通过URL中的hash(#号)来实现不同页面之间的切换，同时，hash有一个特点：HTTP请求中不会包含hash相关的内容；所以，单页面程序中的页面跳转主要用hash实现；在单页面应用程序中，这种通过hash改变来切换页面的方式，称作前端路由（区别于后端
姑苏_慕容博·2023-12-16 13:55

vue.js单页面 如何遇到404页面如何正确返回状态码404

客户端配置（Vue.js）在客户端，你可以在Vue路由器（vue-router）中设置一个捕获所有未定义路由的规则，显示一个404组件，但请注意这不会改变HTTP状态码。
光芒软件工匠·2023-12-16 12:04

Vue2面试题：说一下路由模式hash和history的区别？

vue-router会根据url做路由匹
程序员大澈·2023-12-16 02:28

Vue-router嵌套路由(子路由)

我的收藏）和Trace.vue（我的足迹）重构router/index.js的路由配置需要使用children数组来定义子路由具体如下：importVuefrom'vue'importRouterfrom'vue-router'importHomefrom
樱井咲夜·2023-12-15 23:30

Vetur和Volar

下面是它们之间的主要区别：1.功能和兼容性：Vetur是一个成熟且广泛使用的Vue.js开发插件，它提供了语法高亮、代码提示、自动完成等功能，并且与其他Vue.js生态系统工具（如vue-router和
每天吃饭的羊·2023-12-15 19:52

Vue3+ts实现页面跳转及参数传递

##列表页import{reactive,toRefs}from'vue'//1引入useRouter路由信息方法import{useRouter}from'vue-router'//2获取实例constrouter
aa啊呀·2023-12-15 19:46

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

目录前言为什么用路由路由route和路由器routerVue中路由的工作原理安装配置vue-router使用VueRouter多级路由路由传参query传参params传参前言本文介绍路由相关知识路由传参为什么用路由为了单页面应用开发
软工不秃头·2023-12-15 16:14
上一页 4 5 6 7 8 9 10 11 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他