Vue-router

简单实现vue-router

vue-router将路由引入到前端让构建单页应用变得简单，vue-router作为Vue的路由管理器，使我们在vue开发单页应用时更加易如反掌。
叫维特的少年·2024-01-29 02:47

0127-2-Vue深入学习5—Vue-Router路由模式

1、Vue-Router三种路由模式：hash：#️⃣使用URLhash值来做路由，支持所有路由器；history:依赖HTML5HistoryAPI和服务器配置；abstract:⛓支持所有JS运行环境
武昌库里写JAVA·2024-01-29 00:06

vue跳转页面后scrollTop问题

importVuefrom'vue'importRouterfrom'vue-router'Vue.use(Router);Vue.use(Router)exportdefaultnewRouter({
coolSummer003·2024-01-28 22:21

小程序中的路由

小程序中的路由标签的方式类似于vue中的vue-router标签：例如：跳转说明：open-type指定跳转方式:与JS跳转方式一一对应值说明navigate对应wx.navigateToredirect
姚杰丶·2024-01-28 19:07

mall 项目随笔

项目介绍技术栈Vue2.0(核心框架)Vue-CLI4.0(Vue脚手架)Vue-Router(SPA页面路由)Vuex(状态管理)Axios(网络请求)ES6(JavaScript语言的下一代标准)Less
coderlion·2024-01-28 13:39

VUE中，跳转页面之前判断并显示弹框组件

有空我在完善，先直接给出代码代码使用了elementplus、vuex案例代码路由文件import{createRouter,createWebHistory}from'vue-router';importCommonEntryfrom
fendouweiqian·2024-01-28 12:24

react-router6使用高阶组件实现路由守卫

熟悉的Vue的朋友都知道，Vue-router中有大量钩子函数，包含组件声明周期的，路由的等，但在react中，没有路由钩子函数，需要自己去实现，最简单方法就是使用高阶组件，那什么是高阶组件呢?
渔舟唱晚@·2024-01-28 08:24

vue3常用代码：监听路由|mitt、project/inject无效|防抖函数|下载函数

监听路由import{useRoute}from"vue-router";letrouter=useRoute();watch(()=>router.path,(newValue,oldValue)=>
PBitW·2024-01-28 03:49

Vue 学习

参考网址Vue：https://cn.vuejs.org/v2/guide/Vue-router:https://router.vuejs.org/zh/Vuex：https://vuex.vuejs.org
BGING·2024-01-28 00:43

动态路由的使用

登录页面login.vue登录import{login}from"@/api/login";import{useRouter}from"vue-router";constrouter=useRouter
你的美，让我痴迷·2024-01-27 08:06

/node_modules/vue-router/dist/vue-router.esm-bundler.js “export ‘watchEffect‘ was not

1.问题利用vuecli新建vue2项目,安装vue-router后浏览器控制台报错:UncaughtTypeError:Object(…)isnotafunction终端这边爆warningin.
大大。·2024-01-27 01:45

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

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

Vue2学习之第六、七章——vue-router与ElementUI组件库

1.基本使用安装vue-router，命令：npmivue-router应用插件（在main.js中）：//引入VueimportVuefrom'vue'//引入所有组件的父组件AppimportAppfrom
吃一口你的梦。·2024-01-26 10:42

关于vue的动态路由

/store';importVueRouterfrom'vue-router';importNProgressfrom'nprogress';import'nprogress/nprogress.css
前端专业写bug·2024-01-26 10:06

vueRouter中scrollBehavior实现滚动固定位置

vue-router能做到，而且更好，它让你可以自定义路由切换时页面如何滚动。注意:这个功能只在HTML5history模式下可用。
亮学长·2024-01-26 09:05

Module not found: Error: Can‘t resolve ‘vue-router‘ in

用到vue-router记得安装npmivue-router@3.5.2-S有人说删除node_modules，试过了并没有什么用，还是原本就没有安装
沉成晨城·2024-01-25 21:33

Vue-cli中报错Module not found: Error: Can‘t resolve ‘vue-router‘

看了一下我的代码没有问题，然后打开bilibili视频评论看来其他大佬的解决方法使用npminstall--savevue-router@3安装3.6.5版本的，结果可以运行困扰我好几个小时的问题终于解决了，感谢这位大佬
木兮_木兮·2024-01-25 21:03

vue 解决：Module not found: Error: Can‘t resolve ‘vue-router‘ 的问题

1、问题描述：其一、报错为：Modulenotfound:Error:Can'tresolve'vue-router'中文为：找不到模块：错误：无法解析“vue-router”其二、问题描述为：根据报错的中文信息可知
狮子座的男孩·2024-01-25 21:59

面试 Vue 框架八股文十问十答第十期

⭐1）Vue-Router的懒加载如何实现Vue-Router的懒加载可以通过使用动态import()函数来实现。
程序员小白条·2024-01-25 19:50

vue项目中路由懒加载的三种方式

1.vue异步组件技术====异步加载vue-router配置路由,使用vue的异步组件技术,可以实现按需加载.但是,这种情况下一个组件生成一个js文件/*vue异步组件技术*/{path:'/home
张不大了·2024-01-25 14:32

vue-router

实现原理1）vue-router会通过监听window对象的hashchange事件来捕获URL的变化。2）当URL的hash值发生变化
前端碎碎念·2024-01-25 12:10

Vue-Router路由携带参数跳转3种方式大全，刷新页面参数不丢失，不显示到地址url中

此博客将详细介绍Vue-router传参的方法大全，以及如何刷新页面参数不丢失且不拼接到url中。
coderYYY·2024-01-25 00:10

系统性学习vue-vue-router

vue-router路由的简介SPA路由路由的基本使用安装引入使用标签式编程式注意嵌套(多级)路由路由传参query参数params参数命名路由路由的props配置router-link的replace
aqiu~·2024-01-24 20:41

vue3.0路由route/router的使用

注意vue-router版本，我用的是"vue-router":"^4.0.0-alpha.6"官网的使用步骤//1.Defineroutecomponents.
小阮的学习笔记·2024-01-24 18:25

vue-实战去哪儿项目

运行项目npminstallnpmrundev项目展示项目涉及到技术栈：vue：Vue、Vue-router、Vuex、Vue-cli插件：vue-awesome-swiper、better-scrollAxiosCSS
唐人不自醉·2024-01-24 18:18

Vue路由模式

为了构架单页面应用，需要引入前端的路由系统Vue-router。
前端小阿坤·2024-01-24 14:01

vue | 判断移动端还是pc端渲染不同的页面

1.在router中配置两个不同的路由地址入口,importVuefrom'vue'importRouterfrom'vue-router'importHomefrom'..
一把伞骨·2024-01-24 09:35

Vue关于router-view的使用和部分代码

//一般情况可能就的写法，但是还有像的写法，然后展示其中的数据和内容，简称视图//那么他们的区分首先vue-router里面对应的js文件的命名有很大区别components:{//渲染命名视图side
- 瑾♛年·2024-01-24 06:59

Vue关于router-link的使用和部分代码

//使用router-link和a标签差不多，重点是在vue-router中需要在对应的js文件中createRouter里面配置path的路径和createWebHistory（createWebhashHistory
- 瑾♛年·2024-01-24 06:29

vue-route路由详解

根据请求路径找到匹配的函数来处理请求，返回响应数据前端路由：value是component，用于展示页面内容工作过程：当浏览器的路径改变时，对应的组件就会显示，前端路由指的是hash地址与组件之间的对应关系vue-router
前端fighter·2024-01-24 03:34

自定义插件vue-router简单实现hashRouter设计思路

步骤1.挂载vue.prototype.$router2.声明两个组件router-viewthis.$router.current=>component=>h(component)router-linkh('a',{attrs:{href:'#'+this.to}},this.$slots.default)3.url的监听：windowhashchange的改变4.定义响应式current，de
Goat恶霸詹姆斯·2024-01-24 02:26

3、vue-router之什么是编程式路由

什么是编程式路由呢？就是通过写js代码来实现页面的跳转1.[图片上传失败...(image-672a77-1551253249532)]router.push({path:'name'});首先我们来讲讲简单的，上面两个方法记住，等效的。①还是在test.vue组件里面写个div并给它添加一个click跳转事件：②在view文件下新建一个goods.vue③在router中引入这个goods组件④
world_7735·2024-01-23 19:20

vue中keep-alive的理解和使用

但keep-alive是vue本身提供的组件，而并非vue-router提供。它支持对普通组件和路由组件的缓存。实现原理：keep-alive实现原理是：渲染一个组件时，根据组件（通过cons
小玲子小玲子·2024-01-23 14:40

vue路由懒加载及组件懒加载

三、使用常用的懒加载方式有两种：即使用vue异步组件和ES中的import1、未用懒加载，vue中路由代码如下importVuefrom'vue'importRouterfrom'vue-router'importHelloWorld
不行了快拦住我·2024-01-23 04:11

路由的使用

以下是一个示例代码，展示了Vue.js路由的用法：//引入Vue和VueRouterimportVuefrom'vue'importVueRouterfrom'vue-router'//导入组件importHomefrom
我爱学习yq·2024-01-22 23:19

vue3-路由配置

进行路由配置import{createRouter,createWebHistory}from'vue-router'importLoginfrom'@/views/Login/index.vue'importLayoutfrom
是老虎是狮子不是大象·2024-01-22 17:59

audio的使用

播放停止import{ref,onMounted}from'vue';import{useRouter}from"vue-router";constrouter=useRouter()constaudioRefs
paul jeorgh·2024-01-22 17:29

解决element-ui el-menu跳转，导航不高亮或没有选中问题

场景：使用elementuiNavMenu导航菜单,跳转到子页面，导航不高亮解决方案1、使用default-active绑定计算属性2、使用vue-router的模式，启用该模式会在激活导航时以index
jia林·2024-01-22 16:33

vue-router 路由创建简单流程

文章目录前言一、什么是路由？二、使用步骤1.创建项目2.安装路由3.创建文件1.HelloWorld.vue文件2.Test.vue文件3.index.js文件4.main.js文件5.App.vue文件三.运行项目1.在项目文件下打开cmd，输入yarnserve2.打开浏览器，访问http://localhost:8080/3.点击HelloWorld，页面无需刷新，跳转至http://loc
李子木、·2024-01-22 12:20

vite 创建项目流程 + vue3学习

npmi初始化项目npminstallvue-router安装路由新建router文件创建index.js内容：import{createRouter,createWebHashHistory}from"vue-router
weixin_heye·2024-01-22 12:50

使用Vue+ElementUI搭建属于自己的个性博客

博客介绍前端页面纯使用VUE+VUEX+ElementUI框架，请求使用axios，路由使用vue-router，及其他优秀小插件完成，完全抛弃了Html以及Jquery，搭建一套完全属于自己的个性博客
zhua.er·2024-01-22 02:13

Vue-Router: 如何在Vue应用程序中使用编程式导航？

Vue-Router是Vue.js官方提供的路由管理器。它可以让我们在应用程序中管理页面之间的路由映射关系，实现单页应用的效果。在Vue-Router中，导航分为两种：声明式导航和编程式导航。
忧郁的蛋~·2024-01-22 01:29

Vue-Router: 如何使用路由钩子函数来处理路由变化

Vue-Router是Vue.js官方的路由管理插件，它能够帮助我们在Vue.js应用中实现单页应用的路由功能。
忧郁的蛋~·2024-01-22 01:27

2019-10-25 - Vue - router

源自：https://router.vuejs.org/zh/HTML5History模式vue-router默认hash模式——使用URL的hash来模拟一个完整的URL，于是当URL改变时，页面不会重新加载
小火球烧屁股·2024-01-21 18:42

浪花 - 主页开发

一、简易版主页1.主页展示用户列表{{tag}}联系我import{useRoute}from'vue-router'import{onMounted,ref}from"vue";importmyAxiosfrom
乐小鑫·2024-01-21 03:47

vue-router history模式下放在服务器出现白屏问题，nginx配置

location/{#记得修改root所指的目录root/var/www/html;try_files$uri$uri/@router;indexindex.htmlindex.htm;}location@router{rewrite^.*$/index.htmllast;}
A森森·2024-01-20 19:57

vue嵌套路由，二级路由使用介绍

vue-router嵌套路由，二级子路由项目中如果都是一级路由，路由管理会有些乱。
Misnice·2024-01-20 14:09

Vue3-路由安装、配置与使用

一、安装routernpmivue-router二、创建router文件夹创建index.ts文件import{createRouter,createWebHashHistory}from'vue-router'constroutes
前端小卡拉米·2024-01-20 12:05

路由导航守卫控制页面访问权限

importVuefrom'vue'importRouterfrom'vue-router'importLoginfr
李小白呀·2024-01-20 11:27

Vue-router 路由传参及隐藏参数详解

1.路由跳转及传参形式vue中路由中需要传递参数的话可以用query和param传递，两者类似于get和post。先上路由配置文件（router/index.js)constroutes=[{path:'/chat',name:'Chat',component:Chat},]path方式跳转（query）Register//简写不传参this.$router.push('/chat')//全写传参
Bayi··2024-01-20 01:10
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他