vue-router

【vue】Vue-Router路由管理

Vue-Router路由管理基础使用进阶1基础安装与基本使用动态路由嵌套路由编程式导航命名路由命名视图重定向和别名路由组件传参History模式Modules1.1安装与基本使用//安装npminstallvue-router
·2021-10-06 17:43

前端开发我的优势

前端开发优势1.精通vue开发1.vue的MVVM响应式原理和自我实现https://github.com/banana618859/my_vue_MVVM2.vue全家桶熟练使用（vue-router
yuanyi正·2021-10-05 21:23

active-class 属于哪个组件中的属性？该如何使用？

目录前言一、active-class二、引起的问题三、解决方法1.在router-link中写入exact2.在路由中加入重定向总结前言首先active-class是vue-router模块中router-link
leo·2021-10-04 21:03

vite+vue3+ts实战项目，教你实现一个网页版的typora！(前端篇)

目录前言页面框架构思左侧栏：顶部栏：编辑器：技术选型前端后端数据库markdown编辑器ide工具框架搭建生成目录框架安装tailwindcss安装element-plus并修改主题色安装v-md-editor安装vuex和vue-router
oil欧哟·2021-10-01 19:23

vue路由+权限

router.jsimportVuefrom'vue'importVueRouterfrom'vue-router'Vue.use(VueRouter)importloginLayoutfrom'..
小米和豆豆·2021-09-30 13:31

Vue使用element-ui实现菜单导航

本文实例为大家分享了Vue使用element-ui实现菜单导航的具体代码，供大家参考，具体内容如下效果图目录截图安装vue-router和element-uivue-route是官方路由导航,element-ui
·2021-09-27 12:57

基于vue-router的matched实现面包屑功能

本文主要介绍了基于vue-router的matched实现面包屑功能，分享给大家，具体如下：如上图所示，就是常见的面包屑效果，面包屑的内容一般来说，具有一定的层级关系，就以上图为例，首先是进入首页，然后点击左侧导航
·2021-09-26 14:37

Vue-router不允许导航到当前位置(/path)错误原因以及修复方式

目录报错提示错误原因错误演示解决方法方法一方法二方法三报错提示Navigatingtocurrentlocation("/path")isnotallowed错误原因控制台出现以上这种Navigatingtocurrentlocation("/path")isnotallowed时，是因为重复进入了相同路由。错误演示为了演示报错，用vue-cli重新构建了一个新的项目，只编写了一个按钮一个inpu
·2021-09-26 10:19

vue-Router安装过程及原理详细

目录1、前端路由实现原理2、vue-Router基本使用2.1、安装2.2、配置路由2.3、实例化2.4、挂载路由2.5、页面上添加router-link和router-view3、router的模式3.1
·2021-09-26 10:41

Vue.js 路由

tagreplacelinkActiveClass代码路由跳转动态路由路由懒加载懒加载效果懒加载方式2.vue-router嵌套路由3.参数传递4.导航守卫5.keep-alive1.vue-router基本使用vue-router
wang曌·2021-09-25 20:00

如何在一台服务器上部署多个前端（vue、nginx）

一、vue项目的相关设置(axios注意设置不同的baseUrl)1.设置vue-router基路径image.png2.设置webpack的publicPath、outputDirvue-cli3.0
YiYaYiYaHei·2021-09-24 08:06

Vue-Router路由所有相关方法讲解(全)，实战教学含登录拦截，万字长文，建议收藏

目录router的基本使用main.jsApp.vuerouter文件夹下的index.js(抽离router)动态传参+编程式导航App.vueuser.vue组件嵌套路由路由传参,懒加载router的index.jsInfo组件User组件App.vue守卫钩子（全局+独享+组件内的守卫）登录页路由About.vue补充：解决重复点击路由报错：$route和$router的区别：router的
前端老实人·2021-09-22 15:14

vue-router全局导航守卫

官方释义：正如其名，vue-router提供的导航守卫主要用来通过跳转或取消的方式守卫导航。有多种机会植入路由导航过程中：全局的,单个路由独享的,或者组件级的。
black墨·2021-09-14 08:38

vue3+vite+ts搭建一个完整的项目（包括vue-router，vuex，ElementPlus等插件）

文章目录一，介绍二，搭建项目三，安装vue-router4.0四，安装vuex五，安装Elementplus一，介绍Vite（法语单词，“快”的意思）是一种新型的前端构建工具最初是配合Vue3.0一起使用的，后来适配了各种前端项目，目前提供了Vue、React、Preact框架模板vite——一个由vue作者尤雨溪开发的web开发工具，它具有以下特点：快速的冷启动即时的模块热更新真正的按需编译从作
番茄wky·2021-09-10 16:39

新来的前端小姐姐问：Vue路由history模式刷新页面出现404问题

摘要：vue-router默认hash模式——使用URL的hash来模拟一个完整的URL，于是当URL改变时，页面不会重新加载。
·2021-09-09 12:26

SPA（单页应用）首屏加载慢怎么处理？

减小入口文件体积常用的手段是路由懒加载，把不同的路由对应的组件分割成不同的代码块，待路由被请求的时候会单独打包路由，使得入口文件变小，加载速度大大增加在vue-router配置路由的时候，采用动态加载路由的形式
·2021-09-09 10:38

动态路由的使用体验回顾

使用方式使用vue-router的addRoutes方法来进行动态路由添加使用原因起初是听说动态路由可以提高加载速度，所以想使用体验一下，同时也优化一下自带的路由控制代码。
·2021-09-08 11:45

使用Vue全家桶+Vite搭建的项目

项目技术栈相关框架：vue-router、axios、vuex脚手工具：Vite使用语言：ES6UI框架
sky灬坏孩子·2021-09-06 15:02

Vue-Router手把手教程

最近在重温vue全家桶，再看一遍感觉记忆更深刻，所以专门记录一下（本文vue-router版本为v3.x）。1，router-view是一个功能性组件，用于渲染路径匹配到的视图组件。可以配合和使用。
·2021-08-30 10:37

vue-router的基本使用

基本使用1.导入js文件2.添加路由链接User-->UserRegister3.添加路由占位符(最后组件展示的位置)//只不过没有默认显示的组件：需要用到重定向router-view：路由-视图，显示用户点击的路由链接对应的组件视图：组件可以显示出具体内容，可以理解为视图例如：用户点击User路由链接，就会将User组件显示到这里4.定义路由组件constUser={template:'User
過尽千帆_YL·2021-08-26 13:55

Material Design风格神框架vuetify 学习笔记(七) 基础组件3 抽屉 卡片

导航抽屉被预先配置为可以在有或没有vue-router的情况下使用。在应用程序中，通常会把v-navigation-drawer组件作为v-app的直接子组件。
熊爸天下_56c7·2021-08-26 10:24

使用vue3.x+vite+element-ui+vue-router+vuex+axios搭建项目

目录一.参考文档二.vite搭建项目三.配置element-ui四.配置vue-router五.配置vuex安装六.配置axios七.总结一.参考文档vite官方文档vue3.x官方文档vue-router4
·2021-08-24 12:47

简单的vue-router实现

模拟vue-router实现简单的路由功能,仿照vue-router使用的方法,在router/index.js中配置路由文件从而逐步实现目标.实现简易的PVueRouter类,首先实现静态install
·2021-08-22 17:04

Vue全家桶学习笔记_零基础入门到入坑:Vue篇

文章目录前言什么是Vue,什么又是框架完善的准备Vue引入npm安装cnpm镜像加速器安装Vue-Cli脚手架安装webpack安装webpack-cli安装axios安装vue-router安装devtools
碳苯·2021-08-20 17:21

vue-router浅析

vue-router是vue的路由管理插件，使用了很长时间vue，今天把vue-router的官网教程从头到尾复习了一遍，回头对照之前做的项目发现很多问题都可以通过路由去解决，同时也发现任何一样东西细研究起来内容都不少
晚饭总吃撑·2021-08-20 09:41

一篇超详细的Vue-Router手把手教程

目录1，router-view2，router-link3，重定向redirect4，路由别名5，路由传参props5.1，布尔模式5.2，对象模式5.3，函数模式6，路由守卫6.1，全局前置守卫beforeEach6.2，全局解析守卫beforeResolve6.3，全局后置钩子afterEach6.4，路由独享守卫beforeEnter6.5，组件内的守卫6.6，完整的导航解析流程7，路由元信
·2021-08-12 12:21

Vue Router根据后台数据加载不同的组件实现

如果这么做的话，甚至可以不使用vue-router，直接把所有组件，都写在一个文件里面，全部通过v-if判断
·2021-08-12 12:21

Vue-Router手把手教程

目录1，router-view2，router-link3，重定向redirect4，路由别名5，路由传参props5.1，布尔模式5.2，对象模式5.3，函数模式6，路由守卫6.1，全局前置守卫beforeEach6.2，全局解析守卫beforeResolve6.3，全局后置钩子afterEach6.4，路由独享守卫beforeEnter6.5，组件内的守卫6.6，完整的导航解析流程7，路由元信
鹏多多·2021-08-09 11:00

我遇到的面试题记录

vue1、vue-router知道吗？有哪几种不同的模式？
·2021-08-08 22:42

VUE2基础知识

什么是Vue是一套用于构建用户界面的渐进式javascript框架(渐进式:想用什么就用什么不必全都用)在传统的前端开发中,是基于jQuery+模板引擎来构建界面的vue全家桶vue核心库vue-router
王果果·2021-08-03 16:37

Vue项目实战---外卖app笔记

2.开启项目开发使用脚手架创建项目安装所有依赖/指定依赖开发环境运行生产环境打包与发布3.搭建项目整体界面结构stylus的理解和使用结构化,变量,函数/minxin(混合)vue-router的理解和使用
WEXIA666·2021-07-28 09:48

VScode 使用技巧笔记

页面结构vbase、vbase-ts、vbase-3等等vue-template：vfor、von、vmodel等等scripts：vcomponents、vimport、vimport-export等等vue-router
王芊芊·2021-07-17 13:26

Vue-Router面试题汇总

怎么重定向页面？第一种方法：constrouter=newVueRouter({routes:[{path:'/a',redirect:'/b'}]})第二种方法:constrouter=newVueRouter({routes:[{path:'/a',redirect:{name:'foo'}}]})第三种方法：constrouter=newVueRouter({routes:[{path:'/
chendalei·2021-07-14 22:27

vue-路由-0-传参-命名-子路由

1.前言为了更好的理解router建议看下文章前端路由基础对于大多数单页面应用，都推荐使用官方支持的vue-router库。更多细节可以移步vue-router文档。
云高风轻·2021-07-12 00:07

php-nginx 前后端分离(web history模式路由)配置

nginx:v1.10.3php:5.6.37前后端分离配置，可以有效处理vue-router的history模式，同时基于https直接上配置吧server{listen8088sslhttp2;server_nameweb
田帅奇·2021-06-27 20:40

vue如何搭建动态权限路由

1.首先搭建一张默认的无权限路由，这里我只写了一个登录页importVuefrom'vue'importVueRouterfrom'vue-router'Vue.use(VueRouter)constroutes
月_关·2021-06-27 19:08

Vue学习笔记

npminstall-g@vue/clivuecreatehello-world2.VueRouter//安装包npminstallvue-router//main.jsimportRouterfrom'vue-router'Vue.use
双流小二郎·2021-06-27 06:39

vue 简单路由例子

打开nodejs，下载模板vueinitwebpack-simplehello然后就是一路回车回车回车就OK了image.png接下来就是安装vue-router和syntax-dynamic-importvue-router
zhcnnet·2021-06-27 01:23

Vue.use()实现原理；使用插件；开发插件

如vue-router添加Vue实例方法，通过把它们添加到Vue.prot
小棋子js·2021-06-26 20:06

vue2.0 入坑

项目中的package.json配置如下"dependencies":{"vue":"^2.1.10","vue-electron":"^1.0.6","vue-resource":"^1.0.3","vue-router
薪人王·2021-06-26 16:01

vue-router切换路由时，当重复进入同一个路由且传递的参数不同时页面无法响应的问题

步骤一：配置动态路由，避免出现Uncaught(inpromise)NavigationDuplicated:Avoidedredundantnavigationtocurrentlocation:"/ques/1".重复切换同一个路由的bug。配置动态路由-官方链接由此进入（1）使用路由时传递一个特定参数//test.vue页面//由于我的ques是一个不确定的对象，所以使用额外参数随机数ran
方_糖·2021-06-26 16:40

vue-route基础用法（1）

一、步骤在src目录下新建router文件夹，并添加index.js文件router/index.js代码如下importVuefrom'vue'importVueRouterfrom'vue-router'Vue.use
方_糖·2021-06-26 15:03

Vue错误集

vue-router使用hash模式时,页面点击跳转或者刷新正常．使用history模式时,页面点击跳转正常,刷新时报错404CannotGET;解决方法:webpack-dev-server添加配置historyApiFallback
Homary·2021-06-25 22:44

什么是vue router

什么是vue-router:你晓得什么是vue-router?不晓得?
爱吃汉堡的涛·2021-06-25 10:10

Vue的一级路由和二级路由

1、package.json包中2、在main.js中引用其次：一级路由的配置importVuefrom'vue';importRouterfrom'vue-router';Vue.use(Router
逍遥_6b76·2021-06-24 22:45

vue列表数据删除后主动刷新页面及刷新方法详解

问题描述：前端删除一条数据或者新增数据后，后端操作成功，但前端不会自动刷新，需要重新刷新当前页面（用vue-router重新路由到当前页面，页面是不进行刷新的,采用window.reload()，或者router.go
·2021-06-24 21:43

vue. 面试题目

答：vue-router模块的router-link组件。2、怎么定义vue-router的动态路由？怎么获取传过来的动态参数？
symY_Y·2021-06-24 16:27

keep-alive在vue-router中的使用

在使用基于Vue的单页面富应用的开发中，总会面向这样的产品需求，既从列表页跳转详情页面，返回时需要保存列表页的状态。这种场景下，若是讲数据写入到全局状态中，总会面临复杂的页面路由判断来清楚和存储页面状态。keep-alive简介相较于复杂的全局状态管理，Vue在2.x版本中将keep-alive这一组件属性扩展成了内置的抽象组件,它自身不会渲染一个DOM元素，也不会出现在父组件链中。当组件在内被切
子谦Sumer·2021-06-24 11:51

深入理解Vue-cli4路由配置

目录前言-vue路由一、最基本路由配置1.配置router/index.js2.配置App.vue二、路由懒加载技术三、路由嵌套四、动态路由1.动态路由配置2.动态路由传参总结前言-vue路由Vue-router
·2021-06-24 09:01

vue-router学习

vue-router是官方提供的路由工具库。将单页程序分割为各自功能合理的组件或者页面，路由起到连接单页程序中各页面之间的链条。
派大曦·2021-06-24 07:03
上一页 50 51 52 53 54 55 56 57 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他