vue-router

(解决方案) 触发物理返回键，切换页面组件但不跳转页面

1.方案1：使用vue-router的beforeRouteLeave最初想的方案的确就是befor
木头就是我呀·2023-07-17 21:37

搭建vue3.0项目及下载常用插件流程

，运行项目npmrunserve.3.下载一些常用的插件（1）scss或者less，这里我用scssnpminstallsass-loadernode-sass--save$color=red;（2）vue-router
C_razy·2023-07-17 18:30

2019-08-17

配置路由新建一个文件夹-router---再建一个文件--index.jsindex.js里的内容：importVuefrom'vue'importVueRouterfrom'vue-router'Vue.use
零下15_641b·2023-07-17 15:01

导航守卫

zh/guide/advanced/navigation-guards.html#%E7%BB%84%E4%BB%B6%E5%86%85%E7%9A%84%E5%AE%88%E5%8D%AB正如其名，vue-router
walycode·2023-07-17 15:32

今天实习第三天，vue（vue-cli部分，webpack部分，vue-router部分）

01.创建第一个vue-cli。这里用的是node.js。早上的时候，就需要把node.js安装上去02.node.js安装第一步.去官网下载node.jshttps://nodejs.org/en第二步.运行官网下载的node.js的msi文件（记住所有的node.js文件的安装包都是msi文件的形式），一直都是next。最后检查是否安装成功，使用windows+r打开cmd运行末班，输入命令n
万zp·2023-07-17 14:50

Vue3.0路由跳转携带参数

一、路由跳转1、在需要跳转的页面//引入API---useRouterimport{useRouter}from'vue-router'......
Particular12.·2023-07-17 12:57

Node+MySQL+Vue2.0+elementUI实现的博客管理系统（一）

/App.vue'//引入VueRouterimportVueRouterfrom'vue-router'importrouterfrom'.
st紫月·2023-07-17 07:34

VueRouter

一、vue-router是什么这里的路由并不是指我们平时所说的硬件路由器，这里的路由就是SPA（单页应用）的路径管理器。再通俗的说，vue-router就是WebApp的链接路径管理系统。
金晚成_·2023-07-17 06:00

vue3路由的两种引入方式useRouter和router进行页面跳转

当我在写vue3的路由跳转的时候发现都是推荐以下写法方法一：import{useRouter}from'vue-router'constrouter_useRouter=useRouter()router.push
qq_26596795·2023-07-17 05:52

5 分钟理解 vue-router 原理

vue-router原理路由原理，是面试非常频繁常问的一个问题面试官：你了解vue路由原理吗？回答：是利用浏览器的historyapi、面试官：具体是怎么实现的呢？回答：坏了。。。。。。
野生切图仔·2023-07-17 00:30

vue脚手架创建第一个demo项目

cdcreatePorjectDemo/2、创建一个vue.js工程vueinitwebpackdemo_project注意项目名称不能有大写字母3、安装项目依赖cnpminstall4、安装vue路由模块vue-router
shaorj4071·2023-07-16 15:46

vue3动态路由(简单实操demo)， vue3+pinia+router4+typeScript

话不多说，直接上代码，首先看看页面解构(这里使用的是模拟import导入的数据)：路由文件：router/index.tsimport{createRouter,createWebHistory}from'vue-router'importHomeViewfrom
佐武·2023-07-16 15:58

Vue-Router

路由表本质上是一个映射表，决定了数据包的指向。1.后端渲染：jsp:javaserverpage后端路由：后端处理URL和页面之间的映射关系2.前后端分离：后端只负责提供数据，不负责任何阶段的内容前端渲染：浏览器中显示的网页中的大部分内容，都是由前端写的js代码在浏览器中执行，最终渲染出来的网页3.单页面应用SPA（在前后端分离的基础上加了一层前端路由）整个网页只有一个html页面前端路由的核心：
Zaralike·2023-07-16 08:40

vue router嵌套路由配置规则，path赋值错误导致404问题

前端同学使用vue肯定会用到vue-router，在开发后台管理系统时也肯定会用到嵌套路由。
拿回忆下酒·2023-07-16 08:26

学习Vue-router

趁着放假的时间，继续撸Vue全家桶，感觉很炫酷，和以前用过的系统完全不一样，撸了Vue之后撸一下Vue的路由配置管理工具：Vue-router。
都江堰古巨基·2023-07-16 02:13

Vue路由封装

关于Vue的动态路由封装import{createRouter,createWebHistory}from'vue-router'importstorefrom"..
路寻·2023-07-16 01:51

封装一个基础的vue-router

路由的工作原理前端路由与后端路由的区别：后端路由：输入url>请求发送到服务器>服务器解析请求的路径>拿取对应的页面>返回回去前端路由：输入url>js解析地址>找到对应的地址的页面>执行页面生成的js>看到页面vue-router
忍者1·2023-07-16 01:19

vue路由的封装与使用

关于路由的目录结构routerindex.isroutesisindex.js文件里面存放的是关于路由的一些基本配置index.jsimportVuefrom'vue'importVueRouterfrom"vue-router"importroutesfrom
scclp·2023-07-16 01:18

Vue【八】路由vue-router的封装

Vue【八】路由vue-router的封装文章目录Vue【八】路由vue-router的封装前言一、路由封装二、导入路由前言把路由配置都写在main.js中会显的特别乱，小项目还好，大项目就会看的眼花缭乱
小祥编程·2023-07-16 01:47

vue的路由的原理（自己封装一个vue-router插件）

vue的路由的原理前言：路由实例化：路由匹配：路由跳转：路由钩子：插件调用install方法封装RouterView封装RuoterLink详细步骤main.js\src\router\index.js\src\plugins\router.js\src\plugins\components\RouterView.js\src\plugins\components\RouterLink.js前言：
米奇妙妙wuu·2023-07-16 01:17

如何把Vue-router路由配置模块封装成一个单独的js页面,然后在main.js中引入

项目场景：把Vue-router路由配置模块封装成一个单独的js页面(router/index.js),然后在main.js中引入解决方案：router/index.js下的代码importVuefrom'vue
Gik99·2023-07-16 01:45

vue-router使用手册

router.vuejs.org/zh/installation.html安装npmivue-router配置//router/index.jsimportVuefrom'vue';importVueRouterfrom'vue-router'importHomefrom
miao8862·2023-07-16 01:49

vue进阶----路由

目录前端路由的概念与原理什么是路由SPA与前端路由前端路由前端路由的工作方式实现简易的前端路由vue-router的基本用法vue-routervue-router安装和配置的步骤声明路由的匹配规则vue-router
Love丶Tin·2023-07-15 12:47

vue-router路由模式设置history模式

1、前端配置（1）设置mode：historyconstrouter=newVueRouter({mode:'history',routes,})（2）设置publicPath修改vue.config.js文件中的publicPath属性因为我的项目的访问路径是https://10.0.0.225:8080/safetyApp/home，所以设置为/safetyApp/publicPath:pro
辣馍·2023-07-15 11:50

vue-router

vue-router官网讲解简述参考安装npminstallvue-router--save-dev2.xvueaddvue-router3.xroute的区别router是VueRouter的一个对象
皮卡皮卡皮卡丘11·2023-07-15 11:51

vue2项目实战尚品汇前台01 创建项目-路由配置-静态页面

文章目录vue项目实战尚品汇前台01概述vue-cli初始化项目项目的其他配置项目路由分析vue-router重置默认样式Header.vue和Footer.vue组件静态页面路由组件搭建Footer组件的显示和隐藏路由元信息的使用
nuise_·2023-07-15 09:54

vue-router中history和hash两种模式的区别的区别

说到hash和history的区别，最直观的就是在url中，hash带了#，history没有#，它们两个是路由配置mode的两个选项。前端路由的核心是在改变视图的同时不会向后端发出请求，浏览器提供的这两种支持就是为了达到这一目的。1.hash------就是指url中#号以及后面的字符①hash也称作锚点，其中的#和css里面的#是一个意义，它本身是用来做页面定位的，可以是对应的id元素显示在可
沃德麻鸭·2023-07-15 09:28

vue-cli初步

vue.js有著名的全家桶系列，包含了vue-router，vuex，vue-resource，再加上构建工具vue-cli，就是一个完整的vue项目的核心构成。
朱芮林·2023-07-15 03:29

Uncaught Error: [vue-router] “path“ is required in a route configuration.

原因配置路由时不能写空{}constrouter=newVueRouter({routes:[{name:'home',path:'/',component:Home,children:[{}]//去掉这一行}]})
十万·火急·2023-07-15 01:55

数据库连接部署

vue-element-admin基础模板:vue-admin-templateimage.png4.删除多余的router/index.js界面如下：importVuefrom'vue'importRouterfrom'vue-router'Vue.use
蛙_7bfd·2023-07-15 00:31

Element 常用组件之 表格组件 table

官方文档1.router->index.js设置路径/table，指向table.vueimportVuefrom'vue'importVueRouterfrom'vue-router'Vue.use(
smiledawen·2023-07-14 21:43

vue 项目 路由配置问题

同时引入自己创建好的页面组件在vue中设置了src目录为@在index中用Vue.use(VueRouter)并讲route导出importVuefrom'vue'importVueRouterfrom'vue-router'importHomefrom
不7而遇_·2023-07-14 12:29

vue-router 中hash模式和history模式的区别

hash模式url里面永远带着#号，我们在开发当中默认使用这个模式。那么什么时候要用history模式呢？如果用户考虑url的规范那么就需要使用history模式，因为history模式没有#号，是个正常的url适合推广宣传。当然其功能也有区别，比如我们在开发app的时候有分享页面，那么这个分享出去的页面就是用vue或是react做的，咱们把这个页面分享到第三方的app里，有的app里面url是不
MT659·2023-07-13 23:01

基于Vue3实现简约型侧边栏

简单实现如下：1、首先配置好路由地址【如：/src/router/index.ts】import{createRouter,createWebHashHistory,RouteRecordRaw}from'vue-router'constroutes
帅龍之龍·2023-07-13 22:54

Vue-Router(4) 学习之动态路由二

1.动态路由表dynamic_routesexportconstdynamic_routes=[{path:'/origin_setting',component:Layout,redirect:'/origin_setting/index',depthFlagArr:[0,1],name:'MyOriginSetting',children:[{path:'/origin_setting/ind
Raywh·2023-07-13 18:23

动态路由

路由的基本使用##html(主入口文件)默认会被渲染成一个``标签-->GotoFooGotoBar##js(路由规则设置)1.importVuefrom'vue'//2.importVueRouterfrom'vue-router
jocode·2023-06-23 17:51

2022-10-24

npminstallyarn-gyarncreatevitevue3-project--templatevuecdvue3-project//进入项目根目录yarn//安装依赖包yarndev//启动本地服务安装vue-router
云端钓月·2023-06-23 13:26

Vue-router(vue路由基础详解)

安装直接引入vue-router下载链接https://unpkg.com/vue-router/...npm下载npminstallvue-router如果在一个模块化工程中使用它，必须要通过Vue.use
前端一菜鸟·2023-06-23 09:08

vue-router路由守卫

概述在我们使用vue-router的时候，路由守卫就像监听器、拦截器一样，帮我们做一些鉴权等操作，vue中的路由守卫分为全局路由守卫、独享路由守卫、组件内的路由守卫全局路由守卫：beforeEach、afterEach
StringBuffer Obj·2023-06-23 07:43

Vue-router 中hash模式和history模式的区别

VUE路由的hash模式与history模式的区别，这个也是面试常问的问题，这个题其实就是考验你的开发经验是否属实。小白回答：hash模式url带#号，history模式不带#号。大牛解答：形式上：hash模式url里面永远带着#号，开发当中默认使用这个模式。如果用户考虑url的规范那么就需要使用history模式，因为history模式没有#号，是个正常的url，适合推广宣传；功能上：比如我们在
不行了快拦住我·2023-06-23 05:31

vue的学习

Vue的核心库只关注视图层，不仅易于上手，还便于与第三方库（如：vue-router，vue-resource，vuex）或既有项目整合。:::1.2MVVM模式的实现者——双向数
l10711097061·2023-06-22 23:08

VUE3+TS+VITE的一些经验总结

获取页面跳转携带的查询参数，需要在页面组件中引用vue-router中的useRoute，通过useRoute的query属
tengxi_5290·2023-06-22 13:17

Vue-router beforeEach登录鉴权

全局前置守卫router.beforeEach((to,from,next)=>{//...})每个守卫方法接收三个参数：to:即将要进入的目标路由对象from:当前导航正要离开的路由next:一定要调用该方法来resolve这个钩子。执行效果依赖next方法的调用参数。next():进行管道中的下一个钩子。如果全部钩子执行完了，则导航的状态就是confirmed(确认的)。next(false)
cherubic_c·2023-06-22 13:49

vue导航守卫

正如其名，vue-router提供的导航守卫主要用来通过跳转或取消的方式守卫导航。有多种机会植入路由导航过程中：全局的,单个路由独享的,或者组件级的。
zhao_ran·2023-06-22 10:29

Vue Router路由管理器

路由路由的query参数命名路由路由的params参数路由的props配置路由跳转的replace方法编程式路由导航缓存路由组件activated和deactivated路由守卫路由器的两种工作模式相关理解vue-router
阿瞒有我良计15·2023-06-22 07:07

vue-router的安装和使用

一、在开发中可以先安装cnpm提高开发效率cnpminstall比npminstall快，一般安装在全局:npminstall-gcnpm--registry=https://registry.npm.taobao.org但是通过vueinitwebpackprojectName新建项目是和淘宝镜像没关系的，因为vue-cli用的是npm源，所以只要设置npm源就行了，可以提升创建速度：npmco
前端小程·2023-06-22 02:04

使用Vue + FormData + axios实现图片上传功能实战

前言上节回顾上一小节中，我们添加了Vue-router的路有数据，这些数据都将是后续实战课程中的真实路由数据了。
经海路大白狗·2023-06-21 07:41

vue3+flask 简易登录功能实现

一、前端Vue程序1、创建登录组件Login.vue用户登录账号密码提交重置import{ref}from"vue";import{useRouter}from"vue-router";
laoyaotask·2023-06-20 18:43

vue3的js文件中使用router

import{useRoute,useRouter}from'vue-router'constrouter=useRouter()constroute=useRoute()router.push({path
白小白灬·2023-06-20 14:42

vue+Nodejs+Koa搭建前后端系统（六）-- 用户登录

前言采用vue3，vue-router版本为4.x前端构建工具采用viteIDE采用VSCODE，安装了MYSQL客户端插件前端编写安装并使用vue-router如果有vue-router，就略过这一小节
泰瑞宝的样·2023-06-20 14:11
上一页 25 26 27 28 29 30 31 32 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他