VueRouter

注意避坑，Vue Router 4: 路由参数在 created/setup 时不可用

你的可能已经注意到，VUE3版本的Vuerouter(4.0)与其之前的版本有一些breakingchange更改。大部分的VueRouterAPI都没有变化，而且迁移过程也非常直接。然
@大迁世界·2022-06-18 22:34

基于vue-element-admin升级的Vue3+TS+Element-Plus版本正式开源，有来开源组织又一精心力作

项目使用Vue3+Vite2+TypeScript+ElementPlus+VueRouter+Pinia+Volar等前端主流技术栈，基于此项目模板完成有来商城管理前端的Vue3
有来技术团队·2022-06-16 01:15

初学前端框架Vue-vue-router路由部分

.//1.用Vue.use()导入插件,安装插件Vue.use(VueRouter)//2.创建路由对象constroutes=[{path："",componen
兆兆兆兆兆兆兆兆兆兆昱·2022-06-15 07:32

VUE登录与退出

1111exportdefault{name:'app',}1.4.router中index.js页面importVuefrom'vue'importVueRouterfrom'vue-router'Vue.use(VueRouter
华年，·2022-06-14 18:05

Vue前端路由

管理SPA项目中组件切换官方地址：VueRouter①安装vue
BC菜鸟·2022-06-09 17:39

vue个人在线简历

开发技术栈：vue3+vueRouter+vite+axios网站分为6个模块，首页首页的布局主要是由导航社交媒体作品轮播图作品面包屑个人作品的图片logo以及网站地址博客面
呵呵的牛·2022-06-07 20:29

使用 VuePress 搭建个人博客

其中主要用到：Vue，VueRouter，Webpack。
Blanche_qiu·2022-06-04 18:04

vite + vue3 + element-plus + axios + vueRouter + vuex + scss 搭建项目

vite+vue3+element-plus+axios+vueRouter+vuex+scss搭建项目准备工作1.先搭建一个vue工程，这里有两种办法，一种是使用vue-cli,另一种是使用vite(
twinkle||cll·2022-06-01 17:45

vue如何根据权限生成动态路由、导航栏

目录基本思路相关代码基本思路1、创建vueRouter，用公共路由实例化2、创建需要根据权限筛选的路由对象（在路由对象，添加必要的权限判断字段）3、登录完成,由后端配合返回当前用户的权限集合4、筛选出有权限的路由对象
·2022-06-01 17:35

VueRouter模拟实现

事件根据当前路与地址找到对应的组件重新渲染history模式通过history.pushState()方法改变地址栏监听popstate事件根据当前路由地址找到对应组件重新渲染基本使用//1.注册路由插件Vue.use(VueRouter
·2022-05-28 19:58

Vue3+TS+VueRouter问题

最近开发一个功能：在打开主页路由界面时，地址后面可能有query参数，如果有type值就需要进行一些逻辑处理。为了区分/home和/home?type=xxx的情况，常规思路是在组件中使用beforeRouteEnter方法，判断to.query.type是否存在。但在实际使用时发现TS+Vue3的模式会导致该方法无效，不会被执行，以下两种方式均无效。//views/Home/Home.vue//
·2022-05-23 12:25

Vue2+VueRouter2+Webpack+Axios 构建项目实战2017重制版（五）配置 Axios api 接

Vue2+VueRouter2+Webpack+Axios构建项目实战2017重制版（五）配置Axiosapi接口调用文件前情回顾在上一篇《Vue2+VueRouter2+Webpack+Axios构建项目实战
大米就这样长成的·2022-05-21 17:11

【Vue入门必备知识篇05】--- Vue Router路由

前言❤️当落日余晖照在身上，没有污秽没有杂尘，只有光和希望❤️【Vue入门必备知识篇05】---VueRouter路由一、前端路由的概念与原理（1）什么是路由（2）SPA与前端路由（3）什么是前端路由（
battledao eternity·2022-05-17 10:06

手写vue路由

/vueRouter";//自定义路由jsimportHomefrom"
xsk-walter·2022-05-16 09:00

AspNetCore开源中间件-VueRouterHistory

前言用过VueRouter路由组件的应该都知道，VueRouter有hash和history两种模式。hash模式会在url中插入#，history模式下url则看上去更加简洁美观。
gui.h·2022-05-09 22:00

vue项目打包优化方式(让打包的js文件变小)

目录我使用的命令是vueui可视化打包操作进入可视化面板需要通过vue.config.js来配置.js文件中,导致该js文件过大通常在一个vue项目中会用到很多插件什么，swiper,axios,vuerouter
·2022-04-30 16:22

vue3+vite+ts+element-plus搭建项目(二)

上期我们安装了vite,代码管理到git，还有使用eslint验证，接下来我们在项目中安装vuex,router,scss、别名设置等一、vueRouter官网：https://router.vuejs.org
·2022-04-23 18:50

Vue全家桶【VueRouter，Vuex，VueCli】，Es6語法

Vue实战ES6语法的基本使用1.变量的声名：不在使用var声名变量，原因：var声名变量存在作用域混淆的问题。改用let，const来声名变量。let：用来声名局部变量。好处：作用范围严谨，从代码的声名处开始，到代码块结束。一般声名基本变量时，推荐使用letconst：用来声名js中的对象【数组】。好处：一旦赋值不能被修改，【对象的地址不能变，但是对象的属性可以变】2.箭头函数【Lambda】#
一切随缘～～～·2022-04-16 21:21

解决:template or render function not defined

vue-loader在解析的时候把index.js当做是文件的入口而不是index.vue解决:文件结构--overview--index.vue--xxx.js//把原来这里的index.js文件名修改一下报错的vueRouter
·2022-04-10 16:15

「实践篇」解决微前端 single-spa 项目中 Vue 和 React 路由跳转问题

路由方案是VueRouter，ReactRouter+history。有交互场景是从Vue子应用跳转到React子应用，或者从React子应用跳转到Vue子应用，因此遇到了问题。遇
·2022-04-05 18:20

「实践篇」解决微前端 single-spa 项目中 Vue 和 React 路由跳转问题

路由方案是VueRouter，ReactRouter+history。有交互场景是从Vue子应用跳转到React子应用，或者从React子应用跳转到Vue子应用，因此遇到了问题。遇
我不是大熊哦·2022-04-05 17:00

「进阶篇」Vue Router 核心原理解析

前言此篇为进阶篇，希望读者有Vue.js，VueRouter的使用经验，并对Vue.js核心原理有简单了解；不会大篇幅手撕源码，会贴最核心的源码，对应的官方仓库源码地址会放到超上，可以配合着看；对应的源码版本是
我不是大熊哦·2022-04-05 11:00

「进阶篇」Vue Router 核心原理解析

前言此篇为进阶篇，希望读者有Vue.js，VueRouter的使用经验，并对Vue.js核心原理有简单了解；不会大篇幅手撕源码，会贴最核心的源码，对应的官方仓库源码地址会放到超上，可以配合着看；对应的源码版本是
·2022-04-04 16:39

基 vue-element-admin升级的Vue3 +TS +Element-Plus 版本的后端管理前端解决方案 vue3-element-admin 正式对外发布,有来开源组织又一精心力作,毫无保留开放从0到1构建过程

项目使用Vue3+Vite2+TypeScript+Element-Plus+VueRouter+Pinia+Volar等前端主流技术栈，基于此项目模板完成有来商城管理前端的Vue
有来技术团队·2022-04-02 08:00

Vue.js全家桶仿哔哩哔哩动画 (移动端APP)

在线预览项目描述前端部分实现的Swiper,Toast,Indicator组件来自Mint-ui使用了Vue.js做单页应用使用了VueRouter处理路由请求使用了Axios做ajax请求使用了Vuex
weixin_34233618·2022-03-25 13:24

介绍 4个很 Nice 的 Veu 路由过渡动效！

VueRouter过渡是向Vue应用程序添加个性的一种快速简便的方法。它让我们可以在应用程序的不同页面之间添加平滑的动画
·2022-03-24 15:55

介绍 4个很 Nice 的 Veu 路由过渡动效！

VueRouter过渡是向Vue应用程序添加个性的一种快速简便的方法。它让我们可以在应用程序的不同页面之间添加平滑的动画
·2022-03-23 08:50

vue 获取当前路由path_vue router怎么获得当前页面的路由 ?

用vuerouter如何获得当前页面的路由的方法如下：路由器将自渲染对应的组件以及更新路由信息：其中可以传递props，支持v-ref,同时也可以使用v-transition和transition-mode
weixin_39824801·2022-03-22 17:25

一篇文章带你了解vue路由

目录概念VueRouter简介VueRouter的特性VueRouter的使用步骤分类嵌套路由动态路由命名路由编程式导航总结概念路由的本质就是一种对应关系，比如说我们在url地址中输入我们要访问的url
·2022-03-22 12:25

vue项目优化(首页白屏优化)

vue-lazyloadimportVuefrom'vue'importVueLazyloadfrom'vue-lazyload'Vue.use(VueLazyload)更多配置可参考2.路由懒加载//VueRouter
GuitarHusky·2022-03-16 16:18

基于 d2admin 搭建项目

1.VueRouter配置创建router的js文件constframeIn=[{path:'/head1',redirect:{name:'head1-1'},component:layoutHeaderAside
·2022-03-15 11:05

学不会Vue Router？那千万别错过这篇文章！

入门用Vue+VueRouter创建单页应用非常简单：通过Vue.js，已经用组件组成了应用。当加入VueRouter时，将组件映射到路由上，让VueRouter知道在哪里渲染它们。
·2022-03-05 14:18

解决导航守卫router.beforeResolve使用不了this.$store

在vuerouter的导航守卫如beforeEach()中是无法直接通过this.$store去操作vuex的，因为这里的this指向不一致。正确写法importstorefrom'..
毛毛虫呜呜·2022-03-05 12:05

Vue.js官方的路由管理器 带你快速入门

简介路由分为前端路由和后端路由后端路由：就是平时用户发送URL请求服务器拦截根据不同的URL的请求服务器返回不同的页面前端路由：由前端来根据不同的请求返回不同的页面在单页面应用中由于页面结构大部分固定只需要改变一小部分所以更适合前端路由VueRouter
陶然同学。·2022-03-01 21:07

推荐 9 个经典前后端分离项目

前端核心框架：Vue2.x、VueRouter、Vuex；Vue项目基于@vue/cli4.x构建。JS依赖
前端码农..·2022-02-27 19:06

Vue Router 手把手教你搭 Vue3 路由 - 卡拉云

本文首发：《VueRouter手把手教你搭Vue3路由-卡拉云》Vue的单页面应用是基于路由+组件的形式，路由用于设定访问路径，并将路径与组件映射起来。
·2022-02-27 10:01

vue3配合vue router4使用

使用命令行查看vue-router所有版本号npminfovue-routerversions安装最新的[email protected]//VueRouter4import
imHere··2022-02-23 14:48

路由

路由map路由视图路由导航实现简单路由importVueRouterfrom'vue-router'Vue.use(VueRouter)letrouter=newVueRouter({mode:'history
孤岛住着两个人·2022-02-22 00:55

Vue脚手架知识点

vuecreateproject3、项目目录分析1、public文件夹（打包时候里面的内容会原封不动的打包进去）2、src文件夹（源代码）3、.browserslistrc（浏览器配置文件）4、.gitignore（忽略文件）vueRouter
weixin_41768813·2022-02-21 11:32

Vue路由知识点总结

目录路由起步如何使用路由动态路由匹配响应路由参数的变化匹配所有路径匹配优先级嵌套路由编程式的导航命名路由命名视图重定向别名History模式$router和$route的全局前置守卫全局解析守卫（组件）全局后置钩子路由独享的守卫组件内的守卫完整的导航解析流程路由元信息路由用Vue.js+VueRouter
我的安琪拉���⛴️·2022-02-21 11:02

rabbit-vue3-ts-小兔鲜儿2022新版-系列开篇

rabbit-vue3-ts-小兔鲜儿2022新版项目使用Vite+Vue3+TypeScript+Pinia+VueRouter@4进行开发。
MegaSu·2022-02-20 11:00

6.webpack下使用 vue-router

/App.vue'//1.先导入路由模块importVueRouterfrom'vue-router'//2.安装和使用路由模块Vue.use(VueRouter)//
崩鲨卡拉卡·2022-02-20 02:10

vue-router配置

使用方式1:下载npmivue-router-S2:在main.js中引入importVueRouterfrom'vue-router';3:安装插件Vue.use(VueRouter);4:创建路由对象并配置路由规则
baiduo·2022-02-17 14:34

Vue 路由（Router）详细介绍（切换，传参，通信······）

而用Vue.js+VueRouter创建单页应用，感觉很自然：使用Vue.js，我们已经可以通过组合组件来组成应用程序，当你要把VueRouter添加进来，我们需要做的是，将组件(components)
前端不释卷leo·2022-02-17 08:02

vue-router源码解读--init过程

目录导航经过上一节分析，我们知道vueRouter向组件的beforeCreate中混入了相关逻辑，并执行了一些初始化工作我们知道，路由在执行安装过程中会向install函数挂载静态属性installed
三岁就会写BUG·2022-02-12 03:25

Vue Router 学习

vuerouter将组件挂载在路由上的方式来模拟传统的多页应用的效果，从而构建复杂的单页应用。所以路由主要完成的是根据当前的路径完成页面的切换。
saidev·2022-02-11 14:37

vue router实践

VueRouter是Vue.js官方的路由管理器。它和Vue.js的核心深度集成，让构建单页面应用变得易如反掌。
skycolor·2022-02-11 08:27

Vue2+VueRouter2+Webpack+Axios 构建项目实战(一)基础知识概述

Vue2+VueRouter2+Webpack+Axios构建项目实战(一)基础知识概述基本理念通过对接cnode.js的公开api的列表，以及详情页面，实现一个超小型的项目实战，尽可能的掌握vue的项目入门的各项关键配置
huangshulang1234·2022-02-10 09:43

Vue项目实战：电商后台管理系统（Vue+VueRouter+Axios+Element）

目录电商后台管理系统1.功能开发模式技术选型登录用户管理权限管理角色列表权限列表商品管理商品列表分类参数商品分类订单管理数据统计2.技术问题登录功能保存token路由导航守卫控制访问权限退出功能通过axios请求拦截器添加token其它3.项目预览首页用户管理用户列表添加用户权限管理角色列表权限列表商品管理商品列表分类参数商品分类添加商品订单管理数据统计电商后台管理系统项目已经上线，体验地址：ht
webchang·2022-02-09 14:28

router(VueRouter 源码解析)

components下是两个组件和2.history是路由方式的封装，提供三种方式3.util下主要是各种功能类和功能函数4.create-matcher和create-router-map是生成匹配表5.index是VueRouter
小棋子js·2022-02-09 12:21
上一页 13 14 15 16 17 18 19 20 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他