createRouter

三、vue3.0之路由(vue-router)配置及语法

1、从引入来说：vue2.0，通过vue-router直接引入vueRouterimportVueRouterfrom"vue-router";vue3.0，通过vue-router引入createRouter
arguments_zd·2023-04-16 09:25

vue3中使用路由

save-devvue-router"vue-router":"^4.1.6",2.项目中配置路由importvueRouterfrom"vue-router";//vue2写法是上面这种vue3路由改为单暴漏import{createRouter
不想写，还得写，写就写，慢慢写·2023-04-15 21:09

vue-router4动态路由刷新404/白屏的解决

vue3+vue-router4+vuex4+vite实现动态路由的时候，出现刷新404或者空白一、动态路由的实现：1、在项目一开始，通过createRouter创建路由的时候，使用路由实例（通常有404
·2023-04-13 18:37

vue3的router与组件异步加载

router的小改动import{createRouter,createWebHistory,createWebHashHistory}from"vue-router"constroutes=createRouter
合法的咸鱼·2023-04-11 12:34

Vue3的路由传参汇总

拼接参数5.路径字符串/拼接参数下面方法刷新参数都不会丢失1.name+params路由配置(需要配置成动态路由形式，原先的直接传参不能用了)import{createRouter,createWebHistory
小辉吖～·2023-04-05 06:35

vite中优雅使用vue-router

具体实现如下：创建路由文件router.js：import{createRouteras_createRouter,crea
慕水渔·2023-04-03 07:32

vue3 多级动态路由

vue多级动态路由import{createRouter,createWebHashHistory,RouteRecordRaw}from"vue-router";importstorefrom"@/store
Cupid510·2023-04-03 07:49

vue3根据后台的地址动态显示路由

1.router.js正常路由那种写法，我这里路由是放在index的子路由里了import{createRouter,createWebHashHistory}from"vue-router"exportconstconstRoutes
_49609366·2023-04-03 06:24

SSM项目

npmrunserve:访问vue工程在终端安装路由：yarnaddvue-router@4创建一个路由文件夹，在文件夹下创建一个index.js文件：//导入用来创建路由和确认路由模式的两个方法import{createRouter
紫夜✘·2023-04-02 16:07

vite2 + vue3 + vue-router4 + vuex4 + element-plus 实战(二)-登录页面

引入vue-routeryarnaddvue-router@next添加登录路由src目录下新建router文件夹router文件夹下新建index.jsimport{createRouter,createWebHistory
charmingcheng·2023-04-01 19:35

vue3路由+权限

router.tsimport{createRouter,createWebHistory,RouteRecordRaw}from'vue-router'importLayoutfrom'@/views
小米和豆豆·2023-03-31 08:00

记录vue-router打包优化（懒加载、分包方式）

在使用vue-router时，对路由配置打包的一些方法和问题的记录未优化的打包方式路由文件:import{createRouter,createWebHashHistory,createWebHistory
Jiabing Yu·2023-03-28 20:17

Vue-Router4.0 报“Cannot read property ‘forEach‘ of undefined”

routes不能为其他名称，否则报错constroutes=[{path:"/",name:'home',component:Home,}]//2.初始化创建VueRouter实例constrouter=createRouter
我一不小心就·2023-03-21 06:34

Vue3.0 Vite + windicss + ...实战项目(十五.二)

1.router/index.js文件import{createRouter,createWebHashHistory}from"vue-router";importAdminfrom"~/Layout
coderhzc·2023-03-17 21:01

vue3+vite history模式部署到服务器二级目录

配置nglQLPJxZ3ZDssC5XM980CDrCeNZ-Ez8_tkgLErWmSwIQA_526_247.png在路由中添加constrouter=createRouter({history:createWebHistory
如果俞天阳会飞·2023-03-17 16:42

vue3对于路由vue-router进行加载优化、打包优化（懒加载、分包）

未对vue-router进行打包优化时：未优化的vue-router文件exportdefaultrouterimport{createRouter,createWebHistory,RouteRecordRaw
回忆哆啦没有A梦·2023-03-17 10:20

vue3路由配置及路由跳转传参

vue文件命名为student.vue,person.vue分别编写两个vue文件student.vue和person.vue学生人类3、配置路由在src目录下配置router.js文件import{createRouter
努力学前端Hang·2023-03-15 05:11

vue3引入router

推荐使用yarn命令，比npm安装更快2.执行npminstall重新加载依赖3.在src文件夹下创建一个router文件夹4.在router文件夹下创建index.js文件，内容如下：import{createRouter
@一只码农@·2023-03-15 04:50

vue3安装vue-router

image.pngnpminstallvue-router@4router/index.tsimport{createRouter,createWebHistory}from'vue-router'constrouter
前端来入坑·2023-03-12 00:09

vue-router-next 通过hash模式访问页面不生效,直接刷新页面一直停留在根路由界面的解决办法

vue-router-next通过npmivue-router@next的方式进行引入添加，随后创建router.js，在main.js里面引入,通过app.use(router)的方式进行使用;import{createRouter
yifangts·2023-03-10 03:05

Vue路由最全详解 创建路由

vue安装路由安装：npmivue-router@next-S安装vue3下的路由步骤：1.创建一个路由文件router.js2.导入路由模块import{createRouter,createWebHashHistory
Tone@·2023-02-24 12:00

vue router 三种路由守卫

全局路由1.全局前置守卫，router.beforeEach，to：要进入的目标对象；form：当前导航离开的路由对象nextfn：必须执行，跳转到一个新地址constrouter=createRouter
黄权彬DX·2023-02-21 14:34

vue3.0 的各种路由守卫的使用，以及参数解析

先上一个简单的路由配置，和vue2还是有区别import{createRouter,createWebHistory}from'vue-router'constroutes=[{path:'/',redirect
拼客骏·2023-02-21 14:04

vue3：路由守卫（全局守卫、路由独享守卫、组件内守卫）

router.js：全局守卫import{createRouter,createWebHashHistory}from'vue-router'//省略了routes中的路由规则constroutes=[
sunly_·2023-02-21 14:03

VUE3 keep-alive 无效

终归没有一个能解决我的问题，经过一天多的研究，我终于做出来了，细自己的项目有效，且不需要大的改动，适合已经完成的项目调整改动路由三层：第一层路由代码第二层路由代码第三层路由代码路由配置constRouter=createRouter
唐植超·2023-02-05 10:27

router文件中使用vue的h方法渲染页面

直接上代码//router.tsimport{createWebHashHistory,createRouter}from'vue-router';import{h}from'vue';consthistory
曾祥辉·2023-01-31 14:39

Vue3.0路由跳转方式

Vue3.0路由跳转方式1.编程式路由导航第一步创建route文件夹以及index.js上代码import{createRouter,createWebHistory}from'vue-router'/
剑心空明·2023-01-21 13:53

校招前端二面高频vue面试题

体验全局守卫：constrouter=createRouter({...})​router.beforeEach((to,from)=>{//...
·2023-01-02 10:58

Vue 获取URL中的参数

实现效果如下：获取URL中的参数，并显示在页面上流程：1.在index.js中编辑代码如下：import{createRouter,createWebHashHistory}from'vue-router'importNewsfrom
Zhichao_97·2022-12-28 15:05

第5章 管理端(Vue)布局面的重构与路由的全局存储

1重构路由：src\router\index.jsimport{createRouter,createWebHashHistory}from'vue-router'importHomeViewfrom'
zhoujian_911·2022-12-25 06:45

从零开始搭建一个VUE3.0项目之路由跳转和拦截（二）

第一步：首先创建一个用来管理所有路由的jsimport{createRouter,createWebHistory}from'vue-router'exportconstconstantRoutes=[
光滑的秃头·2022-12-17 07:03

vue3中关于路由hash与History的设置

createWebHashHistory路由中hash和history模式区别1、hash模式2、history模式3、两者对比关于路由hash与History的设置1、history关键字：createWebHistoryimport{createRouter
·2022-12-15 18:45

Vue Router基本使用

=>index.js//也可以从其他文件导入import{createRouter,createWebHashHistory}from"vue-router"importHomefrom'..
Slxa 安.·2022-12-10 21:57

Vue3.0 - 安装路由 vue-router

安装路由安装依赖npminstallvue-router@next--savesrc文件夹下创建router文件夹，router文件夹下创建index.js文件配置router.js文件import{createRouter
Jie_1997·2022-11-27 12:33

Vue3+Vite实现动态路由的详细实例代码

项目基本目录1.首先定义初始默认的路由routes(router.js文件),vue文件使用import引入可以按需加载import{createRouter,createWebHashHistory}
·2022-11-25 18:30

vue3导航守卫-全局前置守卫-登录后自动跳转至对应页

constrouter=createRouter({history:createWebHistory(),routes,scrollBehavior(to,from,savedPosition){//始终滚动到顶部
Eric加油学！·2022-11-24 19:27

Vue - route路由跳转

router.push(path)跳转路由router.push(name)跳转路由嵌套路由跳转前言vue中的route实现了从一个页面跳转到另一个页面的功能基本路由跳转router.jsimport{createRouter
Maggieq8324·2022-11-24 08:01

vue3项目，vite+vue3+ts+pinia(10)-elementplus布局

Container布局容器,在src下新建layout文件夹,layoutName.vueasideHeader.el-container{height:100vh;}router=>index.tsimport{createRouter
ybilss·2022-11-21 18:54

vue记录-vue-router.esm-bundler.js:3295 Error: Invalid route component

import{createRouter,createWebHashHistory}from'vue-router';constroutes=[{path:'/',name:'Home',component
Delete_89x·2022-11-19 12:15

vue3嵌套路由（后台管理系统）

router.ts:import{createRouter,createWebHistory,RouterView}from"vue-router"constroutes=[{path
姜治宇·2022-11-08 13:52

vue3 配置路由

index.js文件内容如下//history模式import{createRouter,createWebHashHistory,}from'vue-router'importHomefrom'..
浪流人·2022-10-17 07:06

vue3.0中使用vue-router

vue3+vite构建的1、安装vue-routernpminstallvue-router@next-S2、在src的目录下创建一个文件夹routerrouter/index.js文件import{createRouter
Mr不懂·2022-10-13 14:16

vue3中的vue-router

下载npmi-Svue-router@4新建页面import{createRouter,createWebHistory}from'vue-router'constroutes=[{path:'/a',
asdfsdgfsdgfa·2022-10-02 07:23

Vue3 + web component 实现跨技术栈组件

webcomponent实现跨技术栈组件Vite脚手架创建vue项目pnpminit@vitejs/app+项目名安装路由pnpmivue-router@4新建router文件夹index.tsimport{createRouter
Boriska1996·2022-09-30 05:46

vue3中如何使用vue-router（步骤）

1、安装vue-routervue3npmivue-router@42、新建router文件夹，里边放置index.js,引入,使用，配置，注册，导出import{createRouter,createWebHashHistory
~-·2022-09-26 15:00

vue3.0，vue-router的简单使用

createWebHistory路由模式路径不带#号(生产环境下不能直接访问项目，需要nginx转发)createWebHashHistory路由模式路径带#号/*router/index.js*/import{createRouter
易子辰丶·2022-09-26 15:57

Vue3路由配置createRouter、createWebHistory、useRouter,useRoute

目录手动配置Vue-router环境：组件内部跳转路由、传参useRouter,useRouteVue3和Vue2基本差不多，只不过需要将createRouter、createWebHistory从vue-router
-不要说话-·2022-09-24 18:41

vue3安装vue-router

npmnpminstallvue-router@4#yarnyarnaddvue-router@4新建router文件夹路径：/src/router新建index.ts文件路径：/src/router/index.tsimport{createRouter
实习打字猿·2022-09-19 15:51

【Vue3】之vue-router的安装与配置

*创建新建router.jsrouter.jsimport{createRouter,createWebHistory}from"vue-router";constroutes=[{path:"/",redirect
飘逸者打瞌睡·2022-09-19 15:21

vue3 vue-router

vue-routernpmivue-router--save2.配置vue-router新建router文件夹路径：/src/router新建index.js文件路径：/src/router/index.jsindex.jsimport{createRouter
BUG_devil·2022-09-19 15:11
上一页 1 2 3 4 5 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他