vue-router

【前端之旅】vue-router声明式导航和编程式导航

一名软件工程专业学生的前端之旅，记录自己对三件套（HTML、CSS、JavaScript）、Jquery、Ajax、Axios、Bootstrap、Node.js、Vue、小程序开发（Uniapp）以及各种UI组件库、前端框架的学习。【前端之旅】Web基础与开发工具【前端之旅】手把手教你安装VSCode并附上超实用插件指南【前端之旅】HTML大总结【前端之旅】CSS三万字总结【前端之旅】JavaS
請你喝杯Java·2023-04-14 15:13

19-Vue-Plugin

比如官方推荐的vue-router、vuex等，都是非常优秀的插件。但是我们更多的人还只停留在使用的阶段，比较少自己开发。所以接下来会通过一个简单的loding插件，来了解掌握插件的开发和使用。
仰望_IT·2023-04-14 11:24

Vue2.路由

步骤2：在App.vue组件中，为链接添加对应的hash值步骤3：在created生命周期函数中，监听浏览器地址栏中hash地址的变化，动态切换要展示的组件的名称vue-router的基本使用1.vue-router
欢愉～·2023-04-14 11:54

vue2路由(上)

而由key和values组成的映射关系就是路由主要用于SPA单页面应用就是根据你端口号后面的路径，看你有没有配置这个页面对应的组件，如果有，那么就展示出来，如果没有对应的组件，那么就不展示总结：vue-router
知不足，而学习·2023-04-14 11:20

无星的nginx配置学习（二）——Vue router history配置引发的思考

啥是History模式Vue-router文档nginx配置前提：假设把打包后的文件放在根目录下（这个前提很重要!!!）
无星灬·2023-04-14 11:11

vue-router history模式的实现原理

各位客爷大家好，疫情已经肆虐了我们大半年的时间了，不知各位有没有在这个非常时期逆流而上找到自己心仪的工作呢~在下今天主要来和各位一起讨论一下vue-routerhistory模式的实现方法一，经典案例事情的起因还要追溯于近期的一次提测，切换场景（一个真实的case，如果您只想get干货可以越过人生分割线来忽略）：———————————————人生分割线—————————————————我司的后台系
Yubble·2023-04-14 08:28

Vue3监听路由变化

导入模块：import{onBeforeRouteUpdate,useRoute}from"vue-router";监听路由（刷新整个页面不起作用）：mounted(){//组件初始化完成letthat
fyonecon·2023-04-14 08:50

vue3监听路由的变化

使用：引入：import{useRouter}from'vue-router'setup使用:constrouter=useRouter()//监听当前路由watch(()=>router.currentRoute.value
回忆哆啦没有A梦·2023-04-14 08:19

vue-router刷新页面后回到首页

前些天发现了一个巨牛的人工智能学习网站，通俗易懂，风趣幽默，忍不住分享一下给大家。[[点击跳转到网站。]]今天给大家分享一个小知识点！注意查收！平时我们再写vue项目配置完路由之后会发现他不会自动回到首页，解决方法很简单，加个判断就可以啦!在App.vue中直接写入以下代码在created钩子函数中判断当前路由地址是否在首页home，如果不在则替换为home页面created(){if(this.
码上流星，洒下星辰·2023-04-14 03:48

Vue3使用路由跳转的坑

技术栈：Vue3+Vite3+Vant3错误的写法：constrouter=useRouter();写在方法里import{useRouter}from'vue-router';constonClickLeft
等闲'·2023-04-14 00:09

vue单页面应用分享报错invalid signature签名错误

签名失败会导致非常尴尬的问题，分享出去就像这样：1524757994505.jpg因为有指定不同页面的分享，所以采用vue-router的
milletmi·2023-04-13 22:12

初学vue-router笔记

路由中有三个基本的概念route,routes,router。1.route:是一条路由，它是单数，Home按钮=>home内容，这是一条route,about按钮=>about内容，这是另一条路由。2.routes:是一组路由，把上面的每一条路由组合起来，形成一个数组。[{home按钮=>home内容}，{about按钮=>about内容}]3.router:是一个机制，相当于一个管理者，它来管
云小诺·2023-04-13 21:03

vue路由中hash模式

vue路由中hash模式importVuefrom'vue'importRouterfrom'vue-router'import{router}from'.
&Cy·2023-04-13 19:48

vue[打包chunk-vendors.xxx.js文件过大，vue项目性能优化解决方案，前端性能优化知识总结]

因此解决方式如下：首先得知道为什么这个文件比较大，chunk-vendors.xxx.js是一个保存着各种相关依赖的关系的文件，比如导入的elmentUI、echarts、vue、vue-router等各种依赖
墨水白云·2023-04-13 16:14

vue清除已经注册的路由

importstorefrom'@/store'importRouterfrom'vue-router'import{constantRouterMap}from'@/router/routers'//
MrsTing·2023-04-13 16:26

vue组件级路由钩子函数介绍，及实际应用

正如其名，vue-router提供的导航钩子主要用来拦截导航，让它完成跳转或取消。有多种方式可以在路由导航发生时执行钩子：全局的、单个路由独享的、或者组件级的。
小糊涂虫8090·2023-04-13 14:54

Vue-Router路由管理器

1.介绍vue-router是vue的一个插件，用来提供路由功能。通过路由的改变可以动态加载组件，达到开发单页面程序的目的。
煎饼狗子ing·2023-04-13 11:05

vue-router路由模式详解

一、路由模式解析要讲vue-router的路由模式，首先要了解的一点就是路由是由多个URL组成的，使用不同的URL可以相应的导航到不同的位置。
火兰·2023-04-13 11:00

vue-router3.x详细使用讲解

vue-router3.x详细使用讲解vue-router是vue官方的路由管理器，它和Vue的核心深度集成，让构建单页面应用变得很简单。文章介绍的vue-router只针对v3.x版本。
dralexsanderl·2023-04-13 11:30

一篇关于 Vue-Router 路由模式的整理

1、Vue-Router三种路由模式：hash：使用URLhash值来做路由，支持所有路由器；history:依赖HTML5HistoryAPI和服务器配置；abstract:支持所有JS运行环境，Node.js
前端达人·2023-04-13 11:55

前端面试题

文章目录面试题Vue相关一、*vue双向数据绑定二、*vue虚拟dom，diff算法三、*组件通讯1.父传子：2.子传父：3.兄弟组件传值：四、*Vuex五、*自定义指令，自定义过滤器六、*vue-router
归途风景111·2023-04-13 06:09

VUE 配置history路由模式配置

VUE配置history路由模式配置vue-router默认hash模式——使用URL的hash来模拟一个完整的URL，于是当URL改变时，页面不会重新加载。
澄风·2023-04-13 02:38

vue-router路由中对query中的参数进行加密

vue-router路由中对query中的参数进行加密源码地址在文末在创建路由的时候，添加两个方法stringifyQuery:序列化传入的query参数，方法可以接收一个对象参数在newRouter的时候传递这个属性
前端_小学生·2023-04-13 02:40

vue-router路由懒加载

vue中使用el-dialog+axios实现拦截器路由懒加载当打包构建应用时，Javascript包会变得非常大，影响页面加载。如果我们能把不同路由对应的组件分割成不同的代码块，然后当路由被访问的时候才加载对应组件，这样就更加高效了。直接打包的缺点：直接打包会生成一个特别大的js文件，页面加载，影响页面加载效率。当不要其他组件的时候，也会一起加载进来。懒加载是利用了，Vue的异步组件和Webpa
Ishmael丶Yoko·2023-04-13 01:40

vue使用nprogress页面加载进度条

/App'importVueRouterfrom'vue-router'importrouterfrom'.
author清风斋·2023-04-13 00:11

vue组件复用不重新加载问题

需求：1、vue-router：嵌套路由2、组件在router-view内复用(除页面跳转)3、Tab切换根据id请求渲染4、路由传参，$route.params.id获取组件复用如：http://192.168.1.4
吱吱_粥粥·2023-04-12 21:46

第三十四节:Vue路由:Vue-router动态路由

前沿:上面我们定义的路由，都是严格匹配的:只有router-link中的to属性和js中一条路由route中path一模一样，才能显示相应的组件component.但有时现实却不是这样的，例如:如下的需求:当我们访问网站并登录成功后，它会显示"欢迎你，+你的名字"。不同的用户登录，只是显示“你的名字”部分不同，其它部分是一样的。这就表示，它是一个组件，假设是user组件。不同的用户（就是用户的id
时光如剑·2023-04-12 14:08

vue-router实现原理

history模式window.history代码实现路由守卫事件路由生命周期执行的先后顺序路由与组件声明周期的先后顺序router-link与a$route.matched问题不同路由跳转到相同页面，缓存问题vue-Router
is今夕·2023-04-12 04:58

vue3.0 实现element-form 表单校验和提交

/components/Header.vue'import{reactive,ref,unref}from'vue'import{useRouter}from'vue-router'exportdefault
敲代码的柯基·2023-04-11 22:20

未登录拦截token验证全局前置路由守卫axios请求拦截器axios响应器

前文记录一下项目中防止用户未登录可以进入系统进行操作，常用于pc后台管理项目，移动端小程序可以进入软件但是想要操作时需要登录，这里用到两个知识点分别是vue-Router的全局路由守卫和axios请求拦截器
无尘本无物·2023-04-11 19:29

Vue路由 —— vue-router

回顾前两篇内容讲到一级路由、声明式导航、编程式导航、路由的重定向、嵌套路由和动态路由，那么在本篇接着来讲关于Vue路由相关的内容：命名路由命名路由，顾名思义，有命名的路由，同样还是将上一篇的案例继续进行：在/router/index.js文件中配置路由信息——进行路由命名...{path:'/play/:id',component:Play,name:'playMusic'}]...params在
灵魂学者·2023-04-11 18:11

Vue路由 —— vue-router

上一篇讲到了Vue中的路由，在/router/index.js中进行路由的配置，使用vue-router完成声明式导航以及讲了路由重定向的问题，路由是Vue中的一个重要内容，那本篇目也讲来继续讲关于路由相关的内容
灵魂学者·2023-04-11 18:40

vue3的router与组件异步加载

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

使用Vue+Vue-router+el-menu实现菜单功能实战

本节介绍本小节已经是专栏的第10篇博客了，我们将继续维护添加Vue-router的路由数据，这些路由都是后续实战业务的真实路由了，在添加部分路由的
经海路大白狗·2023-04-11 11:23

vue-router+webpack线上部署时单页项目路由，刷新页面出现404问题

使用vue项目，线上部署的时候，访问首页以及通过路由打开二级页面没有问题，但是一刷新就出现404现象因为刷新页面时访问的资源在服务端找不到，因为vue-router设置的路由不是真实存在的路径。
泪滴在琴上·2023-04-11 09:04

前端路由vue-router详解

文章目录一：认识路由及路由规则二：安装配置vue-router安装：配置：三：使用vue-router四：路由的默认值和修改为history模式路由默认值history模式五：router-link补充其他属性
派大锌老板·2023-04-11 08:22

vue-router路由详解

什么是路由？说起路由你想起了什么？路由是一个网络工程里面的术语。路由（routing）就是通过互联的网络把信息从源地址传输到目的地址的活动.—维基百科额,啥玩意?没听懂在生活中,我们有没有听说过路由的概念呢?当然了,路由器嘛.路由器是做什么的?你有想过吗?路由器提供了两种机制:路由和转送.路由是决定数据包从来源到目的地的路径.转送将输入端的数据转移到合适的输出端.路由中有一个非常重要的概念叫路由表
°PJ想做前端攻城狮·2023-04-11 08:50

vue路由模板是html,vue-router 详解

4、HTML5的History模式5、router-link属性介绍6、路由代码跳转7、动态路由8、路由懒加载9、嵌套路由实现10、传递参数的方式11、导航守卫的使用12、TabBar实现思路1、认识vue-router
章兮苒·2023-04-11 08:48

超全详解vue-router路由

1.什么是路由?路由就是路径和组件的映射关系1.1为什么使用路由?-->在一个页面里,切换业务场景单页面应用(SPA):所有功能在一个html页面上实现前端路由作用:实现业务场景切换1.2路由-组件分类.vue文件分2类,一个是页面组件,一个是复用组件.vue文件本质无区别,方便学习和理解,总结的一个经验src/views(或pages)文件夹和src/components文件夹页面组件-页面展示
是阿瑶呀~·2023-04-11 08:47

【Vue】路由vue-router详解

文章目录一、路由概念和原理二、安装三、模式Hash模式History模式四、index.js文件五、路由实例及其属性$route和$router的区别六、router标签router-link及其属性七、路由重定向默认到主页八、路由默认hash模式修改为history模式九、动态路由如何使用动态路由十、路由的懒加载如何使用懒加载十一、路由嵌套如何使用路由嵌套路由嵌套例子十二、router的参数传递
RyouJou·2023-04-11 08:17

Vue2知识点（七）（路由vue-router详解）

1.vue-router的理解vue的一个插件库，专门用来实现SPA应用2.对SPA应用的理解①单页web应用②整个应用只有一个完整的页面③点击页面中的导航链接不会刷新页面，只会做页面的局部更新④数据需要通过ajax请求获取3.什么是路由①一个路由就是一组映射关系（key-value）②key为路径，value可能是function或component4.路由分类1.后端路由：①理解：value是
薇z·2023-04-11 08:44

【笔记整理】Vue Router路由管理器详解（尚硅谷vue学习资料总结）

VueRouter路由管理器相关理解vue-router的理解vue的一个插件库，专门用来实现SPA应用对SPA应用的理解单页Web应用（singlepagewebapplication，SPA）整个应用只有一个完整的页面点击页面中的导航链接不会刷新页面
fangyuan__·2023-04-11 08:12

vue的路由-vue router（二）

导航守卫的三个参数：导航守卫的执行顺序：beforeEach和beforeResolve的区别：导航守卫vue-router提供的导航守卫主要用来通过跳转或取消的方式守卫导航。
nunumaymax·2023-04-11 06:19

[译] 对 Vue-Router 进行单元测试

由于路由通常会把多个组件牵扯到一起操作，所以一般对其的测试都在端到端/集成阶段进行，处于测试金字塔的上层。不过，做一些路由的单元测试还是大有益处的。对于与路由交互的组件，有两种测试方式：使用一个真正的router实例mock掉router全局对象因为大多数Vue应用用的都是官方的VueRouter，所以本文会谈谈这个。创建组件我们会弄一个简单的，包含一个/nested-child路由。访问/nes
880d91446f17·2023-04-11 04:00

vue-router源码初探

路由模式vue-router提供了三种运行模式：hash:使用URLhash值来作路由。默认模式。history:依赖HTML5HistoryAPI和服务器配置。查看HTML5History模式。
小强不是蟑螂啊·2023-04-11 03:35

12 nuxt3学习（配置）

基于规范的目录结构，Nuxt还可以对自己的组件、插件使用自动导入约定式路由（目录结构即路由）：Nuxt路由基于vue-router，在pages/目录中创建的每个页面
是云呀！·2023-04-10 21:45

Vue-router 重定向 - redirect

在开发中我们设置的路径虽然不一致，但我们希望跳转到同一个页面，或打开同一个组件。这时就用到了路由重定向redirect参数。redirect基本重定向基本重定向只需在路由配置文件中（/src/router/index.js）把原来的component参数换成redirect参数。这里设置了goback路由，但没有配置任何component组件，而是直接redirect到path:"/"（首页）下，
Rising_life·2023-04-10 20:27

vue-router四版本-适用vue3

VueRouter的介绍简介前端路由是现代SPA应用必备的功能，每个现代前端框架都有对应的实现，例如vue-router、react-router。VueRouter是Vue.js官方的路由管理器。
萧寂173·2023-04-10 19:30

vue3写法总结

导入常用组件import{ref,onMounted,reactive}from"vue";import{useRouter}from"vue-router";组件引入直接使用importCarouselsfrom
苗泽云·2023-04-10 18:17

VueJS学习资料大全

/www.worktle.com/articles/2467/文档&社区Vue.js官方网站（中文）：http://cn.vuejs.org/Vue论坛：http://forum.vuejs.org/vue-router
ansou3280·2023-04-10 17:03
上一页 29 30 31 32 33 34 35 36 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他