vue-router

VUE自定义路由配置

普通写法importVuefrom'vue'importRouterfrom'vue-router'importIndexfrom"@/components/index"Vue.use(Router)constrouter
小碗吃不了·2023-10-11 08:05

2019-07-14简单设置Nuxt.js中meta内容

Nuxt.js依据pages目录结构自动生成vue-router模块的路由配置。
Kason晨·2023-10-11 03:14

vue-router优化

重写vue-router得push和replace方法解决问题：路由重复导致报错importRouterfrom"vue-router";constoriginalPush=Router.prototype.push
鱼儿灬天上飞·2023-10-11 01:46

vue-router

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

Vue-router | 前端 | 课程笔记

Vue知识点系列笔记：Vue（一）基础|前端|课程笔记Vuex|前端|课程笔记本章vue-router：b站课程链接p117-p133Vue-router思维导图（由于图片文件太大无法上传，只能截图）Ch2Vue-router1.1
风筝风·2023-10-10 21:56

Vue-Router 的 hash 和 history 模式配置

vue的路由有两种模式，默认为hash模式，还有一种为history模式，这两种模式显式的最大区别是，浏览器地址栏hash模式在末尾带有#，而history模式不带#。下面介绍两种模式的配置（在vue-cli3.x下创建的项目）。有三个地方需要配置，一个是vue.config.js，一个是router/index.js，一个是nginx线上部署配置。hash模式vue.config.js配置配置p
走马看黄花·2023-10-10 21:35

Vue-router 中使用 history模式还是 hash模式

在搭建项目的时候，很多前端小伙伴在选择路由模式的时候会嫌弃hash而偏爱history模式，因为hash模式的网址看起来“不正规”，里面总是有个难看的#，而history模式就没有这个问题。hashhistory#无无404(nginx)但接下来往往会发生这么一种情况，自己高高兴兴敲完代码后打包部署到测试环境，这里点点哪里点点，看起来一切正常，直到测试同学用他那开过光的手点了下F5。Duang！N
Dashingl·2023-10-10 21:01

Vue-router 的钩子函数都有哪些?

关于vue-router中的钩子函数主要分为3类1、全局钩子函数要包含beforeEach1,1）beforeEach函数有三个参数,分别是1,2）to:router即将进入的路由对象1,3）from:
ling…·2023-10-10 19:23

Vue-Router动态路由

作用：动态拼接一些路径语法：/user/:userId(:XX表示可以动态拼接，路径可以渲染成/user/zhangsan或者/user/lisi等等)1.通过router-link渲染的跳转页面通过动态绑定to属性后面跟着动态路由来跳转页面(:to="’/about/’+info")Router-Index.jsimportVuefrom'vue';importVueRouterfrom'vue
你六我里六六·2023-10-10 02:44

如何定义vue-router的动态路由？怎么获取传过来的动态参数？

如何定义vue-router的动态路由我们经常会遇到需要将给定匹配模式的路由映射到同一个组件的情况。例如我们有一个User组件，它应该对所有用户进行渲染，但用户ID不同。
爱写代码的程序媛·2023-10-10 02:13

vue 怎么定义vue-router的动态路由?怎么获取传过来的动态参数?

–可以通过query,param两种方式区别:query通过url传参，刷新页面还在params刷新页面不在了params的类型:配置路由格式:/router/:id传递的方式:在path后面跟上对应的值传递后形成的路径:/router/123//在APP.vue中用户//在index.js{path:'/user/:userid',component:User,},跳转方法://方法1：按钮//
Tsai时越·2023-10-10 02:08

route和router的区别，怎么定义vue-router的动态路由？怎么获取传过来的值

route和router的区别route（路由）和router（路由器）是在计算机网络和网络编程中常用的两个术语，它们有一些相似之处，但也存在一些区别。1.Route（路由）：路由（route）指的是确定数据包从源地址到目标地址的路径或者规则。在计算机网络中，路由是将数据包从发送方传输到接收方的过程，它决定了数据包应该沿着哪条路径传递。路由通常基于网络拓扑、IP地址和其他网络规则进行决策。路由可以
无妄的罪·2023-10-10 02:04

vue-6

2.解决方案vue-router提供了一个全局组件router-link(取代a标签)能跳转，配置to属性指定路径(必须)。
是三好·2023-10-09 20:00

第一节：vue3 配置路由

yarnaddvue-router@42.新建router文件夹以及router里边的index.js：里边主要配置路由import{createRouter,createWebHashHistory}from'vue-router
战斗中的老段·2023-10-09 20:10

包管理工具详解npm 、 yarn 、 cnpm 、 npx 、 pnpm

1、包管理工具npm（1）包管理工具npm：NodePackageManager，也就是Node包管理器；但是目前已经不仅仅是Node包管理器了，在前端项目中我们也在使用它来管理依赖的包；比如vue、vue-router
悠然予夏·2023-10-09 19:19

vue node npm 关系

脚手架搭建项目的时候需要nodejs使用node有几件事，打包部署，解析vue单文件组件，解析每个vue模块，拼在一起，转码es6\sass,less，启动测试服务器localhost8080,帮助管理vue-router
循序渐进_·2023-10-09 19:43

Vite+vue3+Element-plus+Route+Vuex+Axios项目搭建

Vite+vue3+Element-plus+Route+Vuex项目搭建官网搭建Vite项目启动项目安装Element安装Vue-Router安装Vuex安装vue-i18n国际化插件安装axios官网名称地址
落魄实习生·2023-10-09 18:46

vue-router

用户体验好,不需要每次都从服务器全部获取,快速展现给用户缺点:不利于SEO;使用浏览器的前进,后退键的时候会重新发送请求,没有合理地利用缓存;单页面无法记住之前滚动的位置,无法在前进,后退的时候记住滚动的位置vue-router
忆滴·2023-10-09 18:30

Vue3+Vite+Pinia 项目的搭建以及常用方法介绍

[email protected]下创建router文件夹，router文件夹创建index.js文件import{createRouter,createWebHistory}from"vue-router
半兽先生·2023-10-09 14:31

vue-router的push和replace的区别

1.this.$router.push()描述：跳转到不同的url，但这个方法会向history栈添加一个记录，点击后退会返回到上一个页面。2.this.$router.replace()描述：同样是跳转到指定的url，但是这个方法不会向history里面添加新的记录，点击返回，会跳转到上上一个页面。上一个记录是不存在的。3.this.$router.go(n)相对于当前页面向前或向后跳转多少个页
_皓月__·2023-10-09 14:05

VUE.js的路由（vue-router）及基本使用

一、什么是前端路由1.1vue-router的理解vue-router是vue.js官方提供的一套专用的路由插件库，专门用来实现SPA应用。
wanglingli95·2023-10-09 10:57

vue中使用vue-router切换页面时滚动条自动滚动到顶部的方法

网上查了一下，很多网友说可以试试在main.js入口文件配合vue-router写下面这个：router.afterEach((to,from,next)=>{window.scrollTo(0,0);
默然_f5f0·2023-10-09 02:54

Vue-Router

1.路由配置默认路由跳转{path:'/',redirect:'/app'}在newRouter时可用的配置参数：mode:historybase:基路径linkActiveClass:'active-link'//被激活样式（模糊匹配）linkExactActiveClass:'exact-active-link'//被激活样式（精准匹配）/**linkActiveClass和linkExact
罂粟1995·2023-10-08 19:28

前端开发：vue-router的使用以及两种模式的区别

vue-router是Vue的官方路由插件，为的就是Vue单页面开发的路由，处理页面跳转的，那么本篇博文就来分享一下关于vue-router相关的知识点，该知识点在前端求职面试中也是
三掌柜666·2023-10-08 19:26

前端框架Vue2.0+Vue3.0学习笔记01

一、Vue技术_课程简介1、前端框架小白2、熟练掌握Vue23、轻松玩转Vue3①、vue基础②、vue-cli③、vue-router④、vuex⑤、element-ui⑥、vue3二、Vue技术_Vue
突然好想你之路在脚下·2023-10-08 16:23

前端高频vue面试题合集

路由的hash和history模式的区别Vue-Router有两种模式：hash模式和history模式。默认的路由模式是hash模式。
bb_xiaxia1998·2023-10-08 14:24

vue3 + vue-router4：写法正确但接收不到params

背景：同一份代码，在同事的环境跑时正确运行，但在本人的环境运行却接收不到传过来的参数router.push({name:'PlayPage',params:{vid:123}})原因：vue-router
大佬，咋整啊·2023-10-08 10:13

vue-router和express项目部署到服务器

-首先确定此项目在本地能够运行成功在本地命令行中输入npmrunstart，无报错，且打开127.0.0.1:3000有写的路由为/的页面，如图此为文件层级关系front为前端文件xk3为后台express与数据库mysql链接的文件用命令行进入后台并且运行，启动成功这是路径为/的页面在浏览器中输入路径http://localhost:3000/浏览器中显示WelCometoexpress至此此项
李小斌96·2023-10-08 07:48

Vue单页面应用首屏加载时间优化

vue全家桶我们习惯用vue-cli搭建脚手架，再配合vue-router控制路由，vuex控制状态及复杂组件通讯，实现顺畅的spa应用，但是往往在项目应用插件框架时后首屏加载时间非常长。
镜轩夕照·2023-10-08 01:18

vue 使用addRoutes动态添加路由 刷新页面跳转404路由的问题

在做vue项目时需要使用后端给的路由权限，处理路由动态添加到路由上，几经查找在vue-Router中有个router.addRoutes的方法。
木木子子水水心心·2023-10-07 18:45

vue.js进阶

vue-router作用：通过管理url，实现url和组件的对应和通过url进行组件之间的切换。单页应用（SPA）：加载单个HTML页面，并在用户与应用程序交互时动态更新该页面。
十一T_T·2023-10-07 18:52

vue3 keepalive翻页保存页面状态

描述实现页面A->B，B->A（A保存之前页面状态，不刷新页面）//router/index.tsimport{createRouter,createWebHistory}from'vue-router'importHomeViewfrom
小和尚敲木头·2023-10-07 18:03

vue-router，子路由，和同级多个子路由

首先App.vue有一个最顶层的router-view//App.vueexportdefault{name:'App'}router/index.js文件配置的意思是，当浏览器路径为/，App.vue里的router-view显示HelloWorld组件//router/index.jsconstrouter=newRouter({routes:[{path:'/',name:'HelloWor
KenThomas·2023-10-07 14:01

Vue Router的使用

//src/router/index.jsimportVuefrom'vue'importRouterfrom'vue-router'import{routes}from'.
菜园前端·2023-10-07 14:11

Vue-router 报NavigationDuplicated的可能解决方案

其原因在于Vue-router在3.1之后把$router.push()方法改为了Promise。所以假如没有回调函数，错误信息就会交给全局的路由错误处理，因此就会报上述的错误。
李早晨_小前端·2023-10-07 08:51

前端框架库汇总

VueVue2.0：Vue2.0文档Vue3.0：Vue3.0文档Vue-Router：Vue.js官方的路由管理器。Vuex：Vue.js应用程序开发的状态管理模式。
涅槃快乐是金·2023-10-06 21:07

Vue 中获取 package.json 信息

/package.json'//获取版本号letversion=config.version;//获取插件vue-router的版本号letbaseVersion=config.dependencies
AvatarGiser·2023-10-06 20:43

vue实现多标签保持页面管理系统

运用的Vue技术点参考关于vue-router应用参考：https://blog.csdn.net/sunshouyan/article/details/107016023关于vuex应用参考：https
良月零五·2023-10-06 11:40

Vue路由组件

路由组件配置在src文件夹下新建router文件夹在其中建立index.js编写路由文件配置，配置代码如下：//配置路由的地方importVuefrom'vue';importVueRouterfrom'vue-router
瘦 一 零·2023-10-05 20:15

Vue组件路由

1，安装vue-router组件，终端输入：[email protected]，在src文件夹下创建router目录3，创建index.js文件，配置路由，导入需要路由的组件。
Adellle·2023-10-05 20:44

Vue-router路由组件的使用方法(基础且重要)

Vue-router路由的基本使用方法在学习了vue-router之后总结的基础用法：路由的创建与配置，路由规则的编写，路由组件的访问，参数的传递，路由的生命周期函数，路由守卫的方法和作用…等常用的一些知识点路由作用
默默无闻的IT民工·2023-10-05 20:44

Vue-Router简单整理

Vue-routerview-link标签的属性：1.to="":略；在这里必须写完整的路径名，包括嵌套路由2.active-class="":当前路由激活是应用的样式3.tag="":实际渲染的标签4.replace:将路由操作不写入浏览器的History对象中路由传参：方式一：1.在view-link标签中的写法：v-bind:to="'/main/'+route"2.定义时：{path:'/
Xiaoooyooo·2023-10-05 19:39

TypeScript基本类型、类、封装、继承、泛型、接口、命名空间

简介：前几篇介绍了Vue3的CompositionAPI，Vue-Router，pinia。
迷小圈·2023-10-05 15:47

Vue/Vue-Cli/ElementUI报错bug+使用方案合集（持续更新，建议收藏）（23-05-26更新）

持续更新，建议收藏关注~一、Vue/Vue-Cli1.Vue-Router路由跳转页面下移问题问题：通过Vue-Router跳转页面时，页面不是从页面顶部显示解决方法：在src/router/index.js
coderYYY·2023-10-05 12:45

《前端》el-menu导航栏实现方法--2021年1月3日

原因分析：后来可利说，我这是在html文件中，不能使用vue-router。等今年我要学会webpack打包项目的那种方式。现在先使用html能支持的方式来实现。
bellediao·2023-10-05 05:05

vue-router中$router和$route的区别

区别$router是全局路由对象实例，用于操作路由。$route是当前路由对象，用于获取当前路由操作信息。$router全局路由对象，包含路由内的导航方式、导航方法、history栈操作等。constrouter=newVueRouter({routes:[{path:'/aaa',component:RouterA},{path:'/bbb',component:RouterB}]});//组件
李剑一·2023-10-05 04:15

vue3+vite插件配置系列2-unplugin-auto-import

AutoImport({   imports:["vue","vue-router"],//自动导入vue和vue-router相关
一路向北qaq·2023-10-04 04:52

unplugin-vue-components和unplugin-auto-import插件

unplugin-auto-import：自动按需引入vue\vue-router\pinia等的apiunplugin-vue-components：自动按需引入第三方的组件库组件和我们自定义的组件使用此类插件
暗月Moon·2023-10-04 04:51

Vue实践与总结——插件

如：Vuex（全局状态管理）、vue-router（全局路由管理）插件引入通过vue-cli引入引入vue-clinpminstall-g@vue/cli#yarn安装yarnglobaladd@vue
xymspace·2023-10-04 03:42

vue配置history模式

前言引用官方的解释：HTML5History模式vue-router默认hash模式——使用URL的hash来模拟一个完整的URL，于是当URL改变时，页面不会重新加载。
潘道蒙·2023-10-04 03:38
上一页 14 15 16 17 18 19 20 21 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他