vue路由

前端 | 前端工程化

文章目录前端工程化1.Vue项目创建2.Vue项目目录结构3.vue项目开发4.Vue路由4.1安装路由4.2路由组成4.3定义路由表4.4设置路由标签5.Vue项目打包部署5.1前端工程打包5.2前端工程部署
憨憨李四·2023-10-18 15:35

vue项目刷新404处理方式

这样，在页面刷新时，服务器将始终返回主应用文件，并且Vue路由能够正确地加载并渲染相应的组件。使用history模式：在Vue路由
代码真的养发·2023-10-18 11:49

Vue路由（router）

前言：凡事不要说“我不会”或“不可能”，因为你根本还没有去做--------------------------------正文---------------------------------用法loginloginconstroutes=[{name:'user',path:'/user/:id',component:User,props:true},{name:'other',path:'/
z_j_r·2023-10-16 15:56

Vite+Vue3项目实现路由自动化，根据src文件夹下（多级文件夹）所有.vue文件路径实现路由自动匹配生成。

实现的两种方式：一、使用vite-router-automation插件包实现vite环境下的vue路由自动化vite-router-automation地址：https://www.npmjs.com
薛定谔的猫-菜鸟程序员·2023-10-15 13:29

Vue学习之路由访问与混入对象篇

Vue系列文章目录Vue学习之入门篇Vue学习之模板语法和语句结构篇Vue学习之事件处理器与属性篇Vue学习之表单与组件篇Vue学习之路由访问与混入对象篇Vue系列文章目录一、Vue路由访问二、Vue的混入对象理解一
cug-jdc·2023-10-15 08:54

Vue的学习补充

1.Vue路由-404作用：当路径找不到匹配时，给个提示页面位置：配在路由最后语法：path:'*'（任意路径）-前面不匹配就命中最后这个2.Vue路由-模式设置hash路由（默认）例如：http://
whiteHuDie·2023-10-15 07:48

JavaScript-Vue基础语法-创建-组件-路由

文章目录1.创建vue项目1.1.自定义创建项目1.2.项目结构解析1.3.主要文件1.4.其它2.项目运行3.Vue组件概念3.1.组件基础概念3.2.单文件组件三要素3.3.组件注册3.4.组件通信4.Vue
插件开发·2023-10-15 06:56

Vue路由守卫有哪些，怎么设置，有哪些使用场景？

Vue路由守卫是在VueRouter中提供的一种功能，它允许您在导航到某个路由前、路由变化时或导航离开某个路由时执行代码。
Mr_linjw·2023-10-15 06:47

vue路由跳转传参有坑，this.$router.push({}),这种方式传参，如果是传查询字符串，query:{键值对}，如果是post传参，params:{键值对}，但是post传参有一个坑

vue路由跳转传参有坑，this.
深一海·2023-10-15 01:18

Vue路由进阶--VueRouter声明式导航

Vue路由进阶–VueRouter声明式导航文章目录Vue路由进阶--VueRouter声明式导航1、声明式导航1.1、导航链接1.2、高亮类名1.3、跳转传参1.4、动态路由参数可选符1、声明式导航1.1
曼诺尔雷迪亚兹·2023-10-14 12:09

【学习日记2023.4.25】之 前后端分离_前端工程化_Vue组件库Element_Vue路由_打包部署

文章目录1.前后台分离开发1.1前后台分离开发介绍1.2YAPI1.2.1YAPI介绍1.2.2接口文档管理2.前端工程化2.1前端工程化介绍2.2前端工程化入门2.2.1环境准备NodeJS安装2.2.2Vue项目简介2.2.2.1创建vue项目2.2.2.2vue项目目录结构介绍2.2.2.3调试VSCode中NPM脚本窗口2.2.2.4运行vue项目第一种方式：第二种方式：2.2.3Vue项
Yishooo.·2023-10-14 04:28

vue路由的两种模式，hash与history

vue路由的两种模式，hash与history对于Vue这类渐进式前端开发框架，为了构建SPA（单页面应用），需要引入前端路由系统，这也就是Vue-router存在的意义。
杰森斯坦德彪·2023-10-13 07:47

vue路由守卫及运用场景

16、路由守卫都有哪些以及都做过哪些事情，三个参数分别是干什么的全局守卫：beforeEach（登录拦截）、afterEach路由独享守卫：beforeEnter（部分路由的登录拦截）组件内守卫：beforeRouteEnter（权限管理）、beforeRouteUpdate、beforeRouteLeave路由全局解析守卫：beforeResolve（这里根据单页面name的指向不同，去访问的接
liangzc66·2023-10-13 07:37

vue3 route meta字段扩展

使用vue路由时，我们经常会将一些字段信息附加到路由的meta对象里面，比如权限信息，菜单显示控制信息等，如下：constroutes=[{path:'/posts',component:PostsLayout
三劫散仙·2023-10-13 01:14

Element组件案例 Vue路由 前端打包部署步骤

目录Element组件案例案例需求与分析环境搭建整体布局顶部标题左侧导航栏核心-右侧导航栏表格编写表单编写分页工具栏编写异步数据加载异步加载数据性别展示修复图片展示修复Vue路由Vue路由简介Vue路由入门打包部署前端工程打包部署前端工程
weixin_43739821·2023-10-13 00:34

vue学习-进阶

vue学习-进阶文章目录vue学习-进阶1、VUE相关指令2、VUE路由2.1、router-link用法2.2、编程式的导航2.3、hash模式和History模式2.4、路由守卫2.4.1、全局2.4.2
石头茨·2023-10-12 15:52

vue路由问题刷新之后保持原来路由

在el-menu标签加:default-active="'/'+this.$route.path.split('/')[1]"
故事与我·2023-10-12 12:44

vue路由传递对象，使用JSON对象

场景：点击编辑按钮，通过路由跳转到编辑页面，同时将当前行的内容通过路由传参传给编辑页面。由于数据是一个对象，类似于：我最开始是：//主页面if(id.prevRow){//1.id.row就是上图所示的数据constdata=id.rowconsole.log('我要去编辑页面')router.push({path:'/system/role/add',query:{data:data}})}//
暴富的im·2023-10-12 08:03

Vue学习笔记02——Vue路由

Vue学习笔记01——Vue开发基础一、初识路由1.路由的作用Vue的路由是前端路由，可以让组件之间互相切换。2.vue-router.js文件Vue的路由使用需要引入vue-router.js文件，且引入是有顺序的。vue.js需要在vue-router.js前面二、vue-router在实现单页面前端路由时，提供了两种方式，分别是hash模式和history模式，根据mode参数来决定采用哪一
小C好好干饭·2023-10-12 05:23

Vue router组件化开发总结

Vuerouter就是Vue路由，是Vue不同组件之间跳转的重要方式。
李昂李三光·2023-10-11 14:11

关于vue路由，必须登录才能进去的问题

做项目的时候，有好多页面都是需要登录才能进去的，那么我们可以通过两种方式来实现：第一种，通过添加白名单的方式.在permission.js中添加constwhiteList=[’/login’,‘/404’]，[]里面写白名单路由。然后在下面进行判断，直接上代码：router.beforeEach((to,from,next)=>{NProgress.start()if(getToken()){/
新生代农民工yy·2023-10-11 11:47

Vue路由

路由:接口和服务的映射关系,设备和ip的映射关系,路径和组件的映射关系.从字面上：路径由来。功能：在一个页面里,切换业务场景，所有功能在一个html页面上实现优点：整体不刷新页面，用户体验更好数据传递容易,开发效率高缺点：开发成本高(需要学习专门知识)首次加载会比较慢一点。不利于seo组件分类：页面组件-页面展示-配合路由用复用组件-展示数据/常用于复用views下的页面组件,配合路由切换,com
楚城相拥·2023-10-10 05:49

vue路由钩子函数的实战用法

——“导航”表示路由正在发生改变。路由钩子函数有三种：1：全局钩子：beforeEach、afterEach2：单个路由里面的钩子：beforeEnter、beforeLeave3:组件路由：beforeRouteEnter、beforeRouteUpdate、beforeRouteLeave一、全局守卫无论访问哪一个路径，都会触发全局的钩子函数，位置是调用router的方法router.befo
一只正在成长的程序猿·2023-10-08 15:28

vue路由跳转报错Avoided redundant navigation to current location: “/xxxxxx“

vue路由跳转报错Avoidedredundantnavigationtocurrentlocation:“/xxxxxx“.一、原因在使用this.
Shiyouzhang·2023-10-07 20:13

Vue.js 入门学习笔记 - Vue 路由

Vue路由是Vue.js官方提供的一个用于构建单页面应用（SPA）的插件，它能够帮助我们实现页面之间的切换和导航功能。在本篇文章中，我们将探讨Vue路由的基本用法，并提供相应的源代码示例。
NjlShell·2023-10-06 07:16

Vue路由组件

1.创建路由组件路由组件一般与非路由组件区分，非路由组件放在component下，路由组件在src目录下新建一个文件夹views/pages存放。2.路由组件配置在src文件夹下新建router文件夹在其中建立index.js编写路由文件配置，配置代码如下：//配置路由的地方importVuefrom'vue';importVueRouterfrom'vue-router';//使用插件Vue.u
瘦 一 零·2023-10-05 20:15

Vue路由首次跳转白屏，刷新一次才可正确显示页面！！

问题描述：管理后台项目上线后发现有个页面Vue路由首次跳转白屏，刷新一次才可显示页面！！
piter苏·2023-10-02 23:22

vue - 路由带参跳转

vue路由传参按照传参方式可划分为params传参和query传参；params传参分为在url中显示和影藏参数两种方式1params传参（url地址栏显示参数）1.1声明式router-link通过router-link
梁庄十年·2023-10-02 05:41

vue 路由参数变化不刷新界面

vue路由参数变化不刷新界面http://139.9.133.191/#/detail/china/P0001http://139.9.133.191/#/detail/china/P0001-0005
PiscesCounty·2023-10-01 14:02

Vue路由跳转传参后无法清空地址栏参数问题解决

Vue路由跳转传参后无法清空地址栏参数问题解决使用的路由模式是history，通过以下方式进行跳转传参proxy.
屿东·2023-10-01 13:43

Vue路由

title:“Vue路由”createTime:2022-01-05T09:48:52+08:00updateTime:2022-01-05T09:48:52+08:00draft:falseauthor
猪猪侠blogs·2023-10-01 07:12

vue路由实现高亮

需求简单image.png点击哪个下方出现白线image.png看对比我相信你明白了image.pngimage.png纯干货点击的时候会切换active然后识别到下面的nav-item加上border
救罚·2023-09-30 02:06

vue路由history模式刷新404问题解决方案

vue单页因微信分享和自动登录需要，对于URL中存在’#’的地址，处理起来比较坑。用history模式就不会存在这样的问题。但是换成history模式，就会有个新的问题，就是页面刷新后，页面就无法显示了（404）。对于这个问题，我们只需要在服务器配置如果URL匹配不到任何静态资源，就跳转到默认的index.html。我这里是针对nginx的配置，总结如下：方案一（这种方式容易被第三方劫持）loca
百慕达奶油·2023-09-29 09:01

Vue路由「十五」-- vue-router的路由模式***

vue-router的路由模式有hash模式和history模式，默认使用hash模式hash模式：使用URL的hash来模拟一个完整的URL，于是当URL改变时，页面不会重新加载。例如http://yoursite.com/#/user/idhistory模式：URL就像正常的url，例如http://yoursite.com/user/id前置知识：网页url组成部分https://127.0
loushumei·2023-09-28 23:33

Vue-Vben-Admin -- 自定义上传excel文件弹框组件

4.4.9ant-design-vueant-design-vue4.0.3TypeScriptJavaScript的超集5.1.6piniaVue存储库替代vuex52.1.6vueuse常用工具集10.4.1vue-i18n国际化9.4.0vue-routerVue
Kingsaj·2023-09-28 21:00

Vue路由params和query传参与取值的两种方法

注意:传参是this.$router,接收参数是this.$route;this.$router(router实例)和this.$route(当前页面的路由信息)//$router:是路由操作对象，只写对象//$route:路由信息对象，只读对象一、query传递参数根据官网的例子发现，query传参要用path来引入，params传参要用name来引入，具体看3、编程式的导航，只是我测试了一下，
海之深处爱之港湾·2023-09-28 20:12

vue路由的自动化注册

目录结构1111.png代码示例：router文件夹，index.js代码：importVuefrom"vue";importVueRouterfrom"vue-router";Vue.use(VueRouter);constroutes=[{path:"/",name:"layout",component:()=>import("../views/layout/Layout.vue"),//定向
前端一条鱼·2023-09-28 03:09

深入探讨Vue.js：从基础到高级（最佳实践）

2.组件之间的通信Vue模板语法1.插值和指令2.条件和循环3.事件绑定和表单输入绑定Vue路由1.VueRouter安装和配置：导航：2.导航守卫3.路由参数Vue状态管理（Vuex）1.什么是Vuex
程序员 小侯·2023-09-27 21:49

Vue路由守卫总结

文章目录前言路由守卫是什么?一、全局路由守卫全局前置守卫beforeEachbeforeEach参数解析代码实现全局后置守卫afterEachafterEach解析二、组件路由守卫beforeRouteEnterbeforeRouteUpdatebeforeRouteLeave三、独享路由守卫beforeEnter代码展示总结前言路由守卫是什么?vue-router提供的导航守卫主要用来通过跳转或
web Rookie·2023-09-27 11:41

Vue路由传参与props解耦详解

文章目录一、路由传参1.query传参2.params传参2.1路径使用参数占位时：2.2路径不使用占位时：二、props解耦1.props布尔值2.props函数模式3.props对象模式关于路由传参的几种方式，众说纷纭。今天来总结下路由传参的几种方式与路由解耦：一、路由传参路由传参总的来说有两种方式，query和params，配合声明式导航与编程式导航，各有不同的几种写法；1.query传参1
liyfn·2023-09-27 11:45

解决vue路由跳转未匹配相应用路由避免出现空白页面的问题

router.beforeEach((to,from,next)=>{//如果未匹配到路由if(to.matched.length===0){//如果上级也未匹配到路由则跳转登录页面，如果上级能匹配到则转上级路由from.name?next({name:from.name}):next('/');}else{next();//如果匹配到正确跳转}});
小懒惰的猪·2023-09-27 05:55

【vue】利用axios发送请求

json）四、异步实现：利用axios发送POST请求登录（表单）五、token存储六、token使用七、全局的axios配置1、方式一2、方式二八、请求拦截器和响应拦截器一、项目环境配置根组件App.vue
敲代码敲到头发茂密·2023-09-25 14:15

Vue在history模式下页面空白及404解决

vue路由有两种模式一种hash（vue-router默认模式）另一种history路由改变为history模式：exportdefaultnewRouter({mode:'history'}）由于改变了
LLsanmu·2023-09-25 14:11

vue router history模式 线上nginx部署 刷新页面导致404

这是因为在history模式下，Vue路由器通过修改浏览器的历史记录来实现路由切换，但是当用户直接访问某个URL时，服务器端没有相应的处理逻辑，于是就会返回404。
码农老牛·2023-09-25 14:11

Vue路由与nodejs下载安装及环境变量的配置

目录前言一、Vue路由1.路由简介是什么作用应用场景2.SPA简介SPA是什么SPA的优点注意事项3.路由实现思路1.引入路由的js依赖2.定义组件3.定义组件与路径的对应关系4.通过路由关系获取路由对象
孤留光乩·2023-09-25 10:32

vue的路由与nodejs的环境搭建

目录路由是什么案例nodejs的环境搭建下载依赖设置环境变量建包路由是什么Vue路由是Vue.js框架中用于管理不同页面之间切换的插件。
小徐o·2023-09-24 20:14

vue路由与nodeJS环境搭建

vue路由nodeJS环境搭建1.vue路由路由思路1、确保引入Vue.vue-router的js依赖2、首先需要定义组件（就是展示不同的页面效果）3、需要将不同的组件放入一个容器中（路由集合）4、将路由集合组装成路由器
朱琳均·2023-09-24 19:30

第5章 vue路由

1.安装使用npm在工程中安装vue-routernpminstallvue-router--save2.配置在src目录下新建router目录，在目录中新建index.js其中声明路由配置importVuefrom'vue'importRouterfrom'vue-router'importhouse_listfrom'@/components/house_list.vue'importhous
yangsg·2023-09-23 17:52

Vue路由与nodejs环境搭建

一.路由什么是路由什么是SPA路由的思路及实现实例建立一个HTML来编写路由测试结果编辑二.nodejs环境什么是node.jsnpm是什么node.js的下载一.路由什么是路由路由（Routing）是指根据不同的URL地址，将用户导航到不同的页面或视图的过程。在前端开发中，特别是在单页面应用（SPA）中，路由起着至关重要的作用。传统的Web应用中，每个不同的页面都对应一个不同的URL地址，当用户
bing人·2023-09-23 15:49

第3讲：vue路由安装配置，带参路由，子路由配置及应用

路由的安装与基本使用vue-router是Vue官方的路由插件，它和Vue是深度集成，适用于构建单页面应用vue-router的安装//vue2路由配置[email protected]或[email protected]在具体应用的开发中我们一般会在src目录下新建一个名为router的目录，并在router目录下新建一个index.js用来存放路由信息在s
CSDN专家-赖老师（软件之家）·2023-09-23 12:47
上一页 2 3 4 5 6 7 8 9 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他