createRouter

【Element Plus】Menu组件：url访问页面时高亮对应菜单栏

代码router：import{createRouter,createWebHistory}from'vue-router'exportconstroutes=[{path:

karshey·2025-06-20 13:34

前端（vue）学习笔记（CLASS 6）：路由进阶

文件中的路由配置与规则抽离出来，放置在router/index.js文件中，再将其导入回main.js文件中，即可实现路由的封装抽离例如//index.jsimport{createMemoryHistory,createRouter

肥肠可耐的西西公主·2025-06-04 06:06

vite+vue3+TypeScript 搭建项目基本框架_vite vue typescript

.\*)',//name:'404',//component:()=>import(''),//}]//路由constrouter=createRouter({history:createWebHistory

2401_86640486·2025-05-24 04:00

vue项目部署后部分子页面刷新后403

终于找到了是刷新后路径后面自动拼接了/；如66.66.66.66/aPage刷新后变成了66.66.66.66/aPage/导致403方法一：修改路由为hash模式//router/index.jsimport{createRouter

毛三仙·2025-05-12 19:47

进一步完善前端框架搭建及vue-konva依赖的使用（Vscode）

：npminstallvue-router@4安装路由创建路由配置文件：在src目录下创建router文件夹，并在其中创建index.js文件：//src/router/index.jsimport{createRouter

一位搞嵌入式的 genius·2025-05-10 00:55

vue3-admin商品管理后台项目(登录页开发和功能实现)

import{createRouter,createWebHashHistory}from'vue-router'

mzldustu·2025-05-09 01:23

下载和初步上手Vue3路由

安装npminstallvue-router@4#或使用yarnyarnaddvue-router@4二、路由配置与暴露1.路由配置文件router/index.jsjavascriptimport{createRouter

lh_1254·2025-04-28 03:19

Vue Router 在 Vue 2 和 Vue 3 中的主要差别

Vue3:使用createRouter函数，并指定历史记录模式。//Vue

遇见~未来·2025-03-30 00:20

unplugin-vue-router 的基本使用

前言在Vue3开发过程中，每次创建新的页面都需要注册路由，需要在src/router.ts中新增页面的路径，并将URL路径映射到组件中，如下所示：import{createMemoryHistory,createRouter

·2025-03-14 21:33

vue3动态路由+页面刷新丢失路由+再次加载路由

建议在保存的时候对路由信息数组做好处理2、在router.ts中引入pinia保存的路由信息：注意不要使用createWebHistory路由模式,不然上线后刷新会空白，需要使用hash模式import{createRouter

Angus-zoe·2025-03-06 23:25

vue3(笔记)4.0 vueRouter.导航守卫.ElementPuls知识点

---vueRouter创建路由:完整写法(懒加载):默认写法与vue2一致:导入然后写成component:LoginPageimport{createRouter,createWebHistory}

不断努力的根号七·2025-03-05 13:08

第十七：嵌套路由

【嵌套路由】编写News的子路由：Detail.vue配置路由规则，使用children配置项：constrouter=createRouter({ history:createWebHistory()

小画家~·2025-02-25 04:01

vue3+ts+vite创造路由

VueRouter4pnpminstallvue-router@42，在你的项目中创建一个路由配置文件，例如src/router/index.ts//src/router/index.tsimport{createRouter

巴巴博一·2025-02-21 05:16

03 手把手教你理解Vue Router核心原理（附实战代码）

不会触发真正的页面刷新页面内容通过JavaScript动态更新URL会同步变化反映当前状态二、三种路由模式大比拼1.Hash模式（默认模式）工作原理：利用URL中的#符号（锚点）实现路由切换//创建路由实例import{createRouter

泯泷·2025-02-14 04:50

嵌套路由的踩坑点

嵌套路由的踩坑点constrouter=createRouter({history:createWebHistory(import.meta.env.BASE_URL),routes:[{path:'/

yi碗吃不够·2025-02-08 08:38

路由跳转登录权限判断/vue3

/router";//路由守卫权限拦截2-2import"@/router/permisstion";2router文件夹，三个文件1.1indexe.tsimport{createRouter,createWebHistory

前端小云儿·2025-02-03 23:09

VUE之参数传递

1、嵌套路由路由嵌套children里面的path属性不加/杠，可以参考如下代码：>>router/index.ts//创建一个路由器，并暴露出去//第一步：引入createRouterimport{createRouter

三日沐水·2025-01-28 07:41

编程式路由导航的三种方法

//创建一个路由器，并暴露出去//第一步：引入createRouterimport{createRouter,createWebHistory,createWebHashHistory}from'vue-router

小野晨曦·2025-01-28 06:36

VUE之路由Props、replace、编程式路由导航、重定向

props的配置1）第一种写法，将路由收到的所有params参数作为props传给路由组件只能适用于params参数//创建一个路由器，并暴露出去//第一步：引入createRouterimport{createRouter

三日沐水·2025-01-28 06:05

Vue 开发者的 React 实战指南：路由和导航篇

基础路由配置VueRouter配置在Vue中，我们通常这样配置路由：//router/index.jsimport{createRouter,createWebHistory}from'vue-router

·2025-01-17 00:10

Vue-Router/Vue组件

二、使用在router文件夹下新建index.js导入路由：createRouter和createWebHistory：确保你

_nut_·2024-09-12 19:57

关于 router-view-slot

关于router-view-slotApp.vue配置动态路由importlayoutfrom"@/layout/index.vue";constrouter=createRouter({history

今晚也失眠·2024-08-31 22:29

实现前端框架 SPA 路由功能：Hash 模式与 History 模式的手动实现

代码import{createRouter,createWebHistory}fro

ZhaiMou·2024-08-25 17:36

vue3+vue-router4 路由守卫

router/index.ts:import{createRouter,createWebHistory}from'vue-router'constrouter=createRouter({history

徐同保·2024-08-25 02:30

vue3实现页面跳转

下面是一个简单的示例代码：首先，安装vue-router库：npminstallvue-router@next然后，在main.js中配置路由：import{createApp}from'vue'import{createRouter

我爱学习yq·2024-02-29 20:01

Spring Boot 笔记 025 主界面

1.1路由搭建1.1.1安装[email protected]在src/router/index.js中创建路由器，并导出import{createRouter,createWebHistory

机器人迈克猫·2024-02-19 11:01

VUE使用vue-router设置路由进行页面跳转

npminstallvue-routernpminstallvue-router 二、设置路由新建router文件夹，文件夹内新建router.js在router.js里面设置路由，有几个页面需要跳转就设置几个路由import{createRouter

wwr小可爱·2024-02-15 09:13

vite 构建，页面打开空白如何解决

比如部署页面最终部署在https://xxx.com/demo/下，就必须在vue-router中配置以下代码，否则确实会打开白屏import{createRouter,createWebHistory

John的WEB前端学习日记·2024-02-13 11:15

vue3学习——路由

安装pnpmivue-router/src/router/index.tsimport{createRouter,createWebHashHistory}from'vue-router'import{

可乐KL·2024-02-09 07:45

vue3 之商城项目—一级分类

整体认识和路由配置场景：点击哪个分类跳转到对应的路由页面，路由传对应的参数router/index.jsimport{createRouter,createWebHashHistory}from'vue-router'importLayoutfrom

jiojio在学习勒·2024-02-08 18:47

Vue3入门到实战笔记05--路由

形成一个一个的.vue1、基本使用步骤在cmd窗口安装:npmivue-router在src当中创建一个router文件夹，并在其中添加一个index.ts文件为路由器配置文件，相关配置参考如下：import{createRouter

jxncxgx·2024-02-08 18:06

乐意购项目前端开发 #5

一、二级页面基础分类组件拆分组件结构创建组件以Cheap.vue为例,Hot.vue和New.vue的方法一样配置路由在router/index.js中添加路由配置import{createRouter

guaiwu_·2024-02-07 02:45

vue-router@4安装及其使用

//也可以从其他文件导入import{createRouter,createWebHashHistory}from'vue-router';importHelloWorldfrom'..

QmagicianRX·2024-02-05 15:12

vue3中配置路由

1.新建router文件夹2.在router文件夹新建router.js文件配置路由3.import{createRouter,createWebHistory}from"vue-router"constrouter

qq_48378883·2024-02-01 01:22

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

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

fendouweiqian·2024-01-28 12:24

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

//使用router-link和a标签差不多，重点是在vue-router中需要在对应的js文件中createRouter里面配置path的路径和createWebHistory（createWebhashHistory

- 瑾♛年·2024-01-24 06:29

vue3-路由配置

进行路由配置import{createRouter,createWebHistory}from'vue-router'importLoginfrom'@/views/Login/index.vue'importLayoutfrom

是老虎是狮子不是大象·2024-01-22 17:59

vite 创建项目流程 + vue3学习

npminitvite输入项目名选择vue框架选择使用js2.打开项目文件配置路由npmi初始化项目npminstallvue-router安装路由新建router文件创建index.js内容：import{createRouter

weixin_heye·2024-01-22 12:50

[GN] Vue3.2 快速上手 ---- 核心语法(终章)_3

constrouter=createRouter({history:createWeb

GGood_Name·2024-01-21 01:52

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

一、安装routernpmivue-router二、创建router文件夹创建index.ts文件import{createRouter,createWebHashHistory}from'vue-router'constroutes

前端小卡拉米·2024-01-20 12:05

vue-router的配置

先下载pnpminstallvue-router然后再src目录下创建一个router文件夹,里面建一个index.ts,router.ts然后我们就在index里面写一下代码import{createRouter

paul jeorgh·2024-01-19 15:56

Vue-Router 路径匹配与重定向

二、Vue-Router代码import{createRouter,createWebHashHistory}from'vue-router'importIndexfrom'~/pages/index.vue'importNOTFOUNDfrom

人民的石头·2024-01-15 17:18

Vue3-路由知识点

一、路由工作模式1.history模式优点:URL更加美观,不带有#，更接近传统的网站URL缺点:后期项目上线，需要服务端配合处理路径问题，否则刷新会有404错误constrouter=createRouter

大嘴史努比·2024-01-14 02:18

vue3安装 router 路由

安装路由cnpmivue-router在src文件夹下创建router/index.tsimport{createRouter,createWebHashHistory}from'vue-router'constrouter

前端小趴菜05·2024-01-13 19:24

vue怎么动态设置网页的标题

先在路由界面给每个页面赋值一个meta的title属性，将每个页面都有一个自带的title存放界面名称import{createRouteras_createRouter,createWebHashHistory

_GuGu_·2024-01-13 16:15

Vue3：返回组件（运用keepAlive保留滚动位置）

$router.go(-1)）返回上一页最简单实用，现通过路由传参及keepAlive，实现返回保留滚动条位置router.js注:需要保留滚动条的页设置keepAlive:trueimport{createRouter

米柆·2024-01-12 02:29

使用 Vue 3 实现基于身份的权限验证

项目中安装vue-router和vuex（用于状态管理）：npminstallvue-routervuex2:创建一个路由配置文件router.js，并配置你的路由规则和权限需要验证的路由：import{createRouter

星空,二脚·2024-01-11 10:46

vue3-elementplus 后台管理系统的Layout布局

1.采用elementplus中container布局容器2.router.js中进行配置路由import{createRouter,createWebHistory,}from"vue-router"

前端阿槑·2024-01-11 01:29

Vue3---安装路由

npminstallvue-router@4第二步：在项目的src文件夹下创建router子文件夹第三步：创建index.js和routes.js文件，以下为文件的代码//通过vue-router插件实现模板路由配置import{createRouter

牧小七·2024-01-09 04:25

vue3配置项目路由

1.一级路由切换原则，页面整体切换一级路由2.先创建一级路由对应的组件3.router/index.jsimport{createRouter,createWebHistory}from'vue-router

越来越好的月·2024-01-09 03:04

推荐频道