VueRouter

【 使用路由建立多视图单页应用详细介绍】

使用路由建立多视图单页应用详细介绍1.多视图1.1引入依赖库1.2创建自定义组件2.React（使用ReactRouter）3.Angular（使用AngularRouter）4.Vue（使用VueRouter
程序员不想YY啊·2024-01-21 03:03

【router-link详细介绍】

exact1.7.event1.8.exact-active-class1.9.aria-current-value1.router-linkrouter-link是一个用于在Vue应用中创建导航链接的组件，由VueRouter
程序员不想YY啊·2024-01-21 03:01

【记账本实战】02 添加 Vue Router 路由管理器

添加VueRouter路由管理器对初始化的项目进行瘦身在使用Vite创建一个Vue项目中，我们初始化好了一个Vue项目，我们需要对其进行瘦身，删除一些不会用到的文件。
凌云(mlinyun)·2024-01-21 00:05

Vue 标签router-link 作用、用法

目录作用基本用法作用router-link是Vue.js中VueRouter的一部分，也就是说你必须要使用VueRouter才能用使router-link，router-link其实就是相当于html中
A乐神·2024-01-19 23:55

【VUE】element-ui+vue-router:实现导航栏跳转路由

1.安装npminstallvue-router2.创建VueRouter实例创建一个新文件router.js并定义你的路由：//router.jsimportVuefro
kiraraLou·2024-01-19 16:52

Module build failed: SyntaxError: Unexpected token

vuerouter按需加载时报错写法：{path:'/product',component:()=>import('.
躺在家里不干活·2024-01-19 04:59

框架自带sidebar配置

路由配置的页面在这个框架里面,需要删除一些东西,在VueRouter里面,创建好两个路由,一个是由exportdefault导出去的,一个是由export导出去的,有很多人问,为什么要创建两个路由呢?
如果决定要走又何必挽留·2024-01-19 02:45

iframe中，修改列表中一项，保存后跳转回列表页

$router.back();//vuerouter里的知识提交成功后不跳转在本页面刷新window.location.href="/page/supplier_store";this.
宋乐怡·2024-01-17 17:05

前端vue 教程（详细版）

Vue具有丰富的生态系统，如VueRouter、Vuex、VueCLI等。Vue支持服务端渲染、TypeScript等特性，可以满足不同的开发需求。Vue可以
码农的自我进化·2024-01-17 13:39

route和router的区别

router为VueRouter的实例。
Z_B_L·2024-01-15 11:07

Vue-路由-配置

1.VueRouter的使用(5+2)参考官网5个基础步骤(固定)下载VueRouter模块到当前工程，这里指定版本：[email protected]引入vue-routerimportVueRouterfrom'vue-router
盖盖衍上·2024-01-15 09:00

Vue-路由-常见设置

在VueRouter中，重定向功能非常实用，可以帮助我们轻松实现这一需求。VueRouter允许我们在路由配置中使用重定向来改变用户的导航路径。这可以通过两种方式实现：全局重定向和组件内的局部重定向。
盖盖衍上·2024-01-15 09:00

vue3 做一个后台管理用的轻量级路由 + 菜单

Vue3的后台管理的项目想要做个菜单的话，一般会使用VueRouter设置路由，然后用UI库的菜单组件（比如el-menu）设置各种属性，然后还需要考虑权限等问题。
自然框架·2024-01-14 16:42

Vue学习笔记五--路由

1、什么是路由2、VueRouter2、1VueRouter介绍2、2使用步骤2、3路由封装3、router-link3.1两个类名3.2声明式导航传参4、路由重定向、404当找不到路由时，跳转配置到404
夜阑卧听风吹雨，铁马冰河入梦来·2024-01-13 21:30

Vue如何创建一个新页面以及相关路由配置详解

文章目录发现宝藏1.路由配置语法格式2.vue如何创建一个新页面1.创建Vue组件2.设计页面结构3.配置VueRouter4.更新导航菜单5.测试导航3.vue路由配置常见属性1.path2.name3
东离与糖宝·2024-01-13 19:08

vue路由配置和404页面配置

一.打开vuerouter官网：入门|VueRouterVue.js的官方路由https://router.vuejs.org/zh/guide/安装教程如下：在终端运行如下代码：然后就不按照教程走了。
_GuGu_·2024-01-13 16:15

router.afterEach()后置钩子用法

router.afterEach是VueRouter提供的全局后置钩子，用于在路由切换之后执行一些逻辑。
深度学习研究员·2024-01-13 12:01

路由前置守卫router.beforeEach相关用法

router.beforeEach是VueRouter提供的全局前置守卫，用于在路由切换之前执行一些逻辑。该守卫接收三个参数：to:即将要进入的目标路由对象。from:当前导航正要离开的路由。
深度学习研究员·2024-01-13 12:28

vue重复点击路由报错

:'/xxx可以通过在main.js或路由配置文件（index.js）中重写push的方法，解决该问题importVueRouterfrom'vue-router'constoriginalPush=VueRouter.prototype.pushVueRoute
煸橙干儿~~·2024-01-13 00:42

VueRouter 中 $router 和 $route 的区别 ?

#router和$route的区别?1.$route对象表示当前的路由信息，包含了当前URL解析得到的信息，包含当前的路径，参数query对象等。1.$route.path**字符串，对应当前路由的路径，总是解析为绝对路径，如"/foo/bar"。2.$route.params**一个key/value对象，包含了动态片段和全匹配片段，如果没有路由参数，就是一个空对象。3.$route.query
梦婷心逸·2024-01-12 23:45

vue3知识点5.2项目路由router教程 vue项目引入路由 搭建路由 嵌套路由 路由传参 导航守卫 命名视图 重定向 别名

一、路由介绍当加入VueRouter的时候，我们需要做的就是将我们的组件映射到路由上，下面是一个基本的例子：HTMLHelloApp!`将
luanmabug·2024-01-11 10:55

vue路由

安装npminstallvue-router@4VueRouter是vue.js的官方路由。
冬日的琛·2024-01-11 10:52

Vue中$route和$router

一、$router$router是VueRouter的一个对象，通过Vue
进击中的大学生·2024-01-11 01:13

模拟 VueRouter 的实现(简易版)

模拟VueRouter前置的知识：插件slot插槽混入render函数运行时和完整版的VueVueRouter的核心代码//注册插件//Vue.use()内部调用传入对象的install方法Vue.use
Wuner·2024-01-10 19:14

vue中＜router-view＞使用详解

是VueRouter提供的一个用于动态显示匹配到的组件内容的组件。在单页面应用中，页面的切换是通过路由的变化来实现的，而负责根据当前路由匹配到的组件渲染相应的内容。
深度学习研究员·2024-01-10 05:13

vue3新建项目，配置路由vue-router，引入element-plus

参考文档总结前言需求：新建一个vue3项目，配置路由，引入elementUI一、创建项目1、查看nodejs版本node-v2、新建vue3项目npmcreatevue@latest创建选项除了，是否引入VueRouter
longlongago~~·2024-01-09 20:54

Vue3项目实战开发

@TOC##Vue3项目实战开发一、技术栈说明技术栈为Vue3+Vite4+TypeScript+ElementPlus+Pinia+VueRouter等当前主流框架。
无处安放的波澜·2024-01-09 19:22

vueRouter 配合 keep-alive 不生效的问题

文章目录问题说明案例复现demo结构问题复现和解决其实这个不生效的问题根本也不算一个问题，犯的错和写错单词差不多，但是也是一时上头没发现，所以记录一下，如果遇到同样的问题，也希望可以帮助你早点看到这个哭笑不得的错误，哈哈哈问题说明这里我写了一个非常简单的demo来复现我的问题，我的问题场景出自于一个后台管理系统，我在app.vue中使用了router-view标签，来展示layout和其他一级路由
劫辞·2024-01-08 15:49

Vue Router 4.0 正式发布！焕然一新。

今天，VueRouter4正式发布稳定版本。
前端优选·2024-01-08 04:17

vite+vue3+ts 项目搭建

JavaScript项目创建完成cdmy-vite//进入项目npminstall//安装项目依赖npmrundev//运行项目二、项目简单配置vite+vue+ts项目目录初始结构如下，下面做一些简单配置1、初始化VueRouter
An_zhou·2024-01-08 00:02

Vue.js 3.0 学习笔记（十一）Vue Router路由

一、使用VueRouter1、HTML页面使用路由在HTML页面中使用路由#app{text-align:center;}.container{background-color:#73ffd6;margin-top
奥妙无穹·2024-01-07 23:44

知识笔记（六十六）———Vue Router的介绍与引入

在这里是记录我引入VueRouter的全过程，引入方面也最好先看官方文档一.介绍VueRouter是Vue.js的官方路由。它与Vue.js核心深度集成，让用Vue.js构建单页应用变得轻而易举。
瑞崽崽崽·2024-01-07 23:13

Vue路由（Vue-router）

：根据不同的用户事件，显示不同的页面内容本质：用户事件与事件处理函数之间的对应关系3.实现简易前端路由基于URL中的hash实现（点击菜单的时候改变URL的hash，根据hash的变化控制组件的切换）VueRouter
LetKing·2024-01-07 22:34

uni-app运行环境判断、uView组件库、跨域问题、首页骨架屏

所以uni-app的路由用法与VueRouter不同，如仍希望采用VueRouter方式管理路由，可在插件市场搜索Vue-Router。​
爱敲代码的狼仔·2024-01-07 20:40

vue的路由守卫详解

VueRouter提供了全局守卫、路由独享的守卫和组件内的守卫。常见的路由守卫包括：
爱编程-爱生活·2024-01-07 20:23

VueRouter

1、用户权限问题可以在路由全局前置守卫判断当前vuex里是否有token有token值证明刚才登录过,无token值证明未登录router.beforeEach((to,from,next)=>{consttoken=store.state.tokenif(token){//如果有token,证明已登录if(!store.state.userInfo.username){//有token但是没有用
Robber2000·2024-01-07 08:45

Vue Router的介绍与引入

在这里是记录我引入VueRouter的全过程，引入方面也最好先看官方文档一.介绍VueRouter是Vue.js的官方路由。它与Vue.js核心深度集成，让用Vue.js构建单页应用变得轻而易举。
贰零壹玖.·2024-01-06 21:53

探究对VueRouter的Hash模式进行外部监听

探究对VueRouter的Hash模式进行外部监听（未实现）VueRouter的hash模式的普遍印象是监听hashchange事件从而改变页面显示的组件，然而在真实场景下会出现hashchange事件无效的情况
xxhls_02·2024-01-05 18:03

vue中导航守卫有哪三种？分别有什么作用

作用是路由跳转前对路由进行判断,防止未登陆的用户跳转到其他页面去VueRouter提供了三种导航守卫：（1）.全局前置守卫（GlobalBeforeGuards）：通过router.beforeEach
四时之雨·2024-01-05 17:28

vue保姆级教程----深入了解 Vue3路由守卫

目录✨前言全局前置守卫全局解析守卫全局后置钩子路由独享守卫组件内守卫完整的导航解析流程实现原理实现机制全局守卫组件内守卫next函数总结✨结语✨前言导航守卫是VueRouter中非常重要的一
前端讲堂-鸿蒙课堂·2024-01-05 12:53

Vue: Element-UI登录页面与vue-router使用

Element-UI，一套基于Vue2.0的桌面端组件库官网连接VueRouter模块化编程机制实现vue框架应用的页面跳转1.搭建环境(前提准备好vue所需环境)初始化webpackvue项目vueinitwebpackhello-vue-element
掌灬纹·2024-01-05 11:33

vue2和vue3中的路由使用及传参方式

vue2中使用路由在Vue2中，通常使用VueRouter来处理路由。下面是一个简单的VueRouter示例：1、创建路由文件importVuefrom'vue';importVueRouterf
我胡为喜呀·2024-01-04 08:21

Vue Router路由中 的$route.params和$route.query传参的区别和使用示例

在这里使用的是vue中的路由VueRouter,使用前先安装依赖配置项目环境，具体操作参考windos环境安装Vue及配置环境二.
兰觅·2024-01-04 03:28

vue与react路由拦截

VueRouter提供了三种导航守卫：1、全局前置守卫：在路由跳转前执行，可以用于认证用户、防止未授权访问等。2、全局后置钩子：在路由跳转后执行，可以用于记录日志、处理异常等。
嘘~！·2024-01-03 22:49

vue保姆级教程----深入了解 Vue Router的工作原理

目录✨前言✨vue-router详解vue-router的组成部分前端路由的两种模式导航解析流程路由信息对象✨结语✨前言VueRouter是Vue.js的官方路由管理器,它与Vue.js核心
前端讲堂-鸿蒙课堂·2024-01-03 09:38

vuex4和VueRouter4使用方法

描述：uex4.0通过与3.x大致相同的API提供了Vue3支持。唯一的重大变化插件的安装方式vuex41.创建方式import{createStore}from'vuex'exportconststore=createStore({state:{count:1},mutations:{add(state){state.count++},SET_COUNT(state,res){state.cou
web前端进阶者·2024-01-02 17:07

Vue Router的介绍与引入

在这里是记录我引入VueRouter的全过程，引入方面也最好先看官方文档一.介绍VueRouter是Vue.js的官方路由。它与Vue.js核心深度集成，让用Vue.js构建单页应用变得轻而易举。
城堡修炼者·2024-01-01 19:59

Vue Router学习

VueRouter学习本文插图引用bilibilicoderwhy老师的资料一、认识路由路由：就是通过互联网，把信息从源地址传输到目标地址的活动路由的两种机制：路由和转送在路由中有个叫做路由表的东西，路由表对网络中的资源进行了映射
waigo·2024-01-01 19:58

vue怎么跨页面传参

下面分别介绍这两种方法：1、路由传参在VueRouter中，可以通过路由参数来传递数据。在定义路由时，可以使用动态路由参数来接收参数值，在组件中通过this.$route.params来获取参数值。
嘘~！·2024-01-01 13:19

uniapp路由

所以uni-app的路由用法与VueRouter不同，如仍希望采用VueRouter方式管理路由，可在插件市场搜索Vue-Router。
伊昂呀·2023-12-30 11:53
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他