搜索结果
查询Tags标签： vue-router，共有 57条记录-
Vue 路由组件传参的 8 种方式
我们在开发单页面应用时，有时需要进入某个路由后基于参数从服务器获取数据，那么我们首先要获取路由传递过来的参数，从而完成服务器请求，所以，我们需要了解路由传参的几种方式，以下方式同 vue-router@4。编程式路由传参除了使用 <router-link> 创建 a 标签来定…
2021/3/12 14:11:40 人评论 次浏览 -
Vue路由权限控制
Vue路由权限控制当我们在做后台管理系统的时候，都会涉及到系统左侧的菜单树如何动态显示的问题。目前基本上都是RBAC的解决方案，即Role-Based Access Control，权限与角色相关联，用户通过成为适当角色的成员而得到这些角色的权限。这就极大地简化了权限的管理。vue有很…
2020/11/13 5:25:24 人评论 次浏览 -
浅析 vue-router 源码和动态路由权限分配
第 72 篇原创好文～ 本文首发于政采云前端团队博客：浅析 vue-router 源码和动态路由权限分配 浅析 vue-router 源码和动态路由权限分配背景上月立过一个 flag，看完 vue-router 的源码，可到后面逐渐发现 vue-router 的源码并不是像很多总结的文章那么容易理解，阅读过你…
2020/10/12 14:03:51 人评论 次浏览 -
Vue Router 4的一些新功能
Vue Router 4目前处于测试阶段。让我们看一下这个新版本中的一些很酷的功能。Vue3支持Vue 3引入了 createApp API，它改变了将插件添加到Vue实例的方式。由于这个原因，过去版本的Vue Router将不兼容Vue 3。Vue Router 4引入了 createRouter API，可以创建一个可与Vue 3一…
2020/9/6 5:03:40 人评论 次浏览 -
手写Vue-router核心原理，再也不怕面试官问我Vue-router原理
手写Vue-router核心原理 一、核心原理1.什么是前端路由？2.如何实现前端路由？二、原生js实现前端路由1.基于 hash 实现2.基于 history 实现三、基于Vue实现VueRouter四、剖析VueRouter本质五、分析Vue.use六、完善install方法七、完善VueRouter类八、完善$route九、完善r…
2020/7/29 11:03:42 人评论 次浏览 -
Vue完美记住滚动条和实现下拉加载
滚动条常见于移动端 App 在滚动点击进入的时候问题描述当我们在开发 web app 的时候，经常会遇到一个问题，就是当从一个可滚动的列表页进入到下一个详情页面，然后返回列表页面的时候，很难去还原滚动条的状态，无法记住进来时候的位置。以前我尝试过很多方法：有 vue-ro…
2020/7/21 14:03:58 人评论 次浏览 -
Vue Router简明教程
官方路由插件，配合Vue使用，将组件 (components) 映射到路由 (routes)，然后告诉 Vue Router 在哪里渲染它们本教程中 vue 是 2.6+，vue-router 3.2+，webpack 4.42+/// index.html 要有 router-view 标签 <div id="app"><router-view></router…
2020/7/17 11:39:25 人评论 次浏览 -
深入Vue-router最佳实践
前言 最近再刷Vue周边生态的官方文档，因为之前的学习都是看视频配合着文档，但主要还是通过视频学习，所以很多知识点都没有了解，至从上次刷了Vuex的官方文档就体会到了通读文档的好处，学习一门技术最好的还是去看它的官方文档，这样对于这门技术你就会了解的比较透彻，…
2020/7/11 11:08:38 人评论 次浏览 -
Hash、History、Memory路由——Vue-Router源码
前言 在了解路由之前先了解路由及路由器的概念。 路由（routing）：就是通过互联的网络把信息从源地址传输到目的地址的活动；路由通常根据路由表——一个存储到各个目的地的最佳路径的表——来引导分组转送。做成硬件之后就是路由器。 hash 模式 hash模式代码： codesand…
2020/7/8 11:27:27 人评论 次浏览 -
vue-router 导航守卫中 next 控制实现
使用 vue-router 的导航守卫钩子函数，某些钩子函数可以让开发者根据业务逻辑，控制是否进行下一步，或者进入到指定的路由。 例如，后台管理页面，会在进入路由前，进行必要登录、权限判断，来决定去往哪个路由，以下是伪代码： // 全局导航守卫 router.beforEach((to, f…
2020/6/5 5:26:27 人评论 次浏览 -
vue.js路由与vuex数据模型设计
路由设计 本则路由考虑验证进入登录页面，完成登录操作进入首页。 import Vue from "vue"; import Router from "vue-router"; Vue.use(Router);import store from "@/store/store";// (延迟加载) const Login = () => import("@/v…
2020/6/2 5:26:22 人评论 次浏览 -
记一次vue3.0技术分享会
记一次vue3.0技术分享会 记录了组内技术分享会, 有同样需求的同学可以参考一下 分享全程下来时间大约1小时 一. 版本 当前还处于 beta版本, 想要正式使用在项目里还需要一段的时间, 但是结构与api变化应该不大了. 这里列出的并不全, 但是够用了 1. alpha 内测版本 2. beta…
2020/5/23 5:26:22 人评论 次浏览 -
vue 路由及按钮权限控制 思路总结
说点儿闲话 本文是作者最近查阅权限控制相关资料的总结笔记。 路由权限控制 前端路由是全部都由后端返回，还是后端返回对应角色下的权限，然后前端通过遍历的方式来修改当前路由呢？引用上面这个问题的采纳答案： 第一种后台返回路由，第二种后台返回权限。共同点：两种方…
2020/5/19 14:25:30 人评论 次浏览 -
当无情面试官问 vue-next-router 带来了哪些变化？
前言 Vue Router 是 Vue.js 官方的路由管理器。它和 Vue.js 的核心深度集成，让构建单页面应用变得易如反掌。 本文基于的源码版本是 vue-next-router alpha.10，为了与 2.0 中的 Vue Router 区分，下文将当前 vue-router v3.1.6 称为 vue2-router。 本文旨在帮助更多人对…
2020/5/9 5:25:49 人评论 次浏览 -
Vue3中的Vue Router初探
对于大多数单页应用程序而言，管理路由是一项必不可少的功能。随着新版本的Vue Router处于Alpha阶段，我们已经可以开始查看下一个版本的Vue中它是如何工作的。 Vue3中的许多更改都会稍微改变我们访问插件和库的方式，其中包括Vue Router。我们将结合使用Alpha版本的Vue R…
2020/5/8 14:26:05 人评论 次浏览
