51CTO首页
AI.x社区
博客
学堂
精品班
软考社区
免费课
企业培训
鸿蒙开发者社区
信创认证
公众号矩阵
移动端
视频课 免费课 排行榜 短视频 直播课 软考学堂
全部课程 软考 信创认证 华为认证 厂商认证 IT技术 PMP项目管理 免费题库
在线学习
文章 资源 问答 课堂 专栏 直播
51CTO
鸿蒙开发者社区
51CTO技术栈
51CTO官微
51CTO学堂
51CTO博客
CTO训练营
鸿蒙开发者社区订阅号
51CTO软考
51CTO学堂APP
51CTO学堂企业版APP
鸿蒙开发者社区视频号
51CTO软考题库
CKA（Kubernetes 管理员认证）精品班
按照企业k8s需求进行技能培训，帮助用户快速拿下CKA认证，K8S采用新版本进行授课，课程内容全、讲解详细 。 免费试学
软考高级：系统架构设计师精品班
根据考试大纲对知识点、高频考点进行深入讲解，传授答题技巧及判断标准，助力高效备考。 免费试学
信创认证：系统架构师精品班（高级）
信息技术应用创新人才考试评价 免费试学

vue-router实现原理浅析
vue-router 使用详情vue-router实现原理SPA(single page application):单一页面应用程序，只有一个完整的页面；它在加载页面时，不会加载整个页面，而是只更新某个指定的容器中内容
VUE教程
VUE
推荐 原创
代码搬运媛
2021-06-07 17:21:21
6149阅读

vue-router的原理和实现
我之前写了一半了，居然又没见了就离谱，从头开始。 ###vue-router原理 vue-router是实现了前端路由，也就是URL和UI之间的映射关系，当URL改变时会引起UI更新，但无需刷新页面。那么如何实现前端路由呢，也就是如何解决这两个问题： 如何改变URL但是页面不进行刷新 如何知道URL ...
html
a标签
刷新页面
页面刷新
简单使用
转载
mb5ff590f157b0e
2021-10-10 14:29:00
150阅读
2评论

vuex、vue-router实现原理
Vuex 和 Vue Router 是 Vue.js 生态系统中非常重要的两个库，分别用于状态管理和路由管理。它们各自的实现原理如下： Vuex 实现原理 1. 状态管理 Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它使用集中式的存储管理所有组件的状态，并以一种可预测的方式来确保状态以一种可追踪的方式发生变化。 2. 核心概念 State：应用的状态，存储在 Vuex 中的
Vue
路由表
API
原创
农民工前端
10月前
59阅读

vue-router原理
前端路由的实现 主要是为了SPA框架，单页面应用的特点就是，跳转页面的时候，不会刷
vue.js
javascript
前端
html
SPA
原创
wx6409a261df68a
2023-03-15 09:27:16
105阅读

Vue-Router实现
看完拉勾前端训练营关于Vue-Router的实现，干货满满，但Vue-Router的实现实在是绕，所以做一下笔记，确认以及加深自己的了解。进了拉勾前端训练营两个多月，收获还是挺多的，群里不少大牛，还有美女班主任，导师及时回答学员的疑问，幽默风趣，真是群里一席谈，胜读四年本科（literally true，四年本科的课程真的水＝_＝）。实现的功能实现前，看一下实现的功能：基本路由功能子路由功能His
Vue-Router
转载
mb6004f7a0e5cc3
2021-01-19 15:03:14
249阅读
2评论

vue-router原理剖析之自行实现router
vue-router原理剖析, 一边讲解原理一边自己实现.看完绝对能让大家有所收获我们正常使用router, 是在router.js里配置options, 并抛出
vue
原理剖析
router-view
router-link
生命周期
原创
JackieDYH
2022-09-17 01:18:58
96阅读

Vue-Router
Vue Router 是 Vue.js 官方的路由管理器。它和 Vue.js 的核心深度集成，让构建单页面应用变得易如反掌。 https://router.vuejs.org/zh/ 主要包含的功能 l 嵌套的路由/视图表 l 模块化的、基于组件的路由配置 l 路由参数、查询、通配符 l 基于 Vu ...
css
vue.js
相对路径
路由配置
过渡效果
转载
mob604756eff415
2021-09-23 15:13:00
393阅读
2评论

vue-router
vue.extend():用其实现拷贝PS: Object.assign也能实现拷贝，但可能存在兼容性问题vue.util.extend(): 扩展对象
兼容性问题
原创
wx5c4a6751206d9
2022-09-13 12:09:03
93阅读

vue-router
注意：vue-router 2只适用于Vue2.x版本，下面我们是基于vue2.0讲的如何使用vue-router 2实现路由功能。推荐使用npm安装。 一、使用路由在main.js中，需要明确安装路由功能： 1.定义组件，这里使用从其他文件import进来 2.定义路由 3.创建 router 实
vue
懒加载
数组
加载
嵌套
转载
mob60475705c8db
2017-04-14 19:50:00
401阅读

vue-router
官网： http://router.vuejs.org/zh-cn/ 1.安装 vue-router 方法一： $ npm install vue-router 方法二： 在 package.json 的 dependencies 中配置版本号 通过 命令行 $ npm install 安装 2.配
vue
安装插件
命令行
官网
路由配置
转载
mb5fca0c87ea3a4
2017-03-03 16:42:00
292阅读
2评论

Vue-router
URL的hash URL的hash也就是锚点（#），本质上是改变window.location的href属性 我们可以通过直接赋值location.hash来改变href，但是页面不发生刷新 location.href "https://www.baidu.com/" location.hash = ...
前端进阶
Vue2
历史记录
赋值
锚点
转载
mb5fe94870638be
2021-09-09 09:59:00
221阅读
2评论

vue-router
################### npm install vue-router <router-link to="/user" tag="button" active-class="active" exact>Go to User Page</router-link> 这个例子中，当用户点击按
Vue
类名
安装方法
原创
igoodful
2023-04-17 14:48:53
91阅读

vue-router
vue-router使用
vue.js
javascript
前端
缓存
html
原创
程序员一博
2022-10-09 14:09:54
134阅读

vue-router
vue-router 3.x跟vue-router 4.x比起来写法上的区别vue-router 3.x// router/index.js import Vue from 'vue' import Router from 'vue-router' import routes from './routes' Vue.use(Router) const router = new Router({
Vue
App
地址栏
原创
米女巫
9月前
62阅读

vue-router
vue-router的作用就是通过改变URL，在不重新请求页面的情况下，更新页面视图。根据不同的url地址展示不同的页面或者数据。 vue-router 有 3 种路由模式：hash、history、abstract， hash: 使用 URL hash 值来作路由。支持所有浏览器，包括不支持 HT ...
html5
node.js
服务器配置
服务器端
运行环境
转载
mob604756e5abbc
2021-08-16 15:11:00
392阅读
2评论

vue-router
1.引入插件vue-router 2.使用vueRouter 3.创建路由对象 4.声明组件 5.抛出全局组件 6.将配置好的路由对象放到实例化对象中 代码 效果：
vue 路由
html
javascript
登录页面
vue.js
转载
mob604756ef1373
2018-08-26 18:22:00
263阅读
2评论

vue-router
1,动态路由匹配 const User = { template: '<div>User</div>' } const router = new VueRouter({ routes: [ // 动态路径参数 以冒号开头 { path: '/user/:id', component: User } ...
重定向
跳转页面
带参数
二级
字符串
转载
mob604756fda125
2021-08-21 11:36:00
250阅读
2评论

Vue-router
1. vue-router的基本使用过程： 【1】在vue CLI + webpack项目目录中，创建一个vue-router文件夹，在此文件夹下创建index.js，用来配置vue-router 【2】index.js中：(1) 导入组件 const Home = () => import('.. ...
数组
复用
嵌套
生命周期
钩子函数
转载
mb5fe94cbf99977
2021-09-17 19:28:00
254阅读
2评论

vue-router
七.Vue-router1、什么是vue-routervue-router是vue.js官方路由管理器。vue的单页应用是基于路由和组件的，路由用于设定访问路径，并将路径和组件映射起来。传统页面切换是用超链接a标签进行切换。但vue里是用路由，因为我们用Vue做的都是单页应用，就相当于只有一个主的index.html页面，所以你写的​​<a></a>​​​标签是不起作用的，
a标签
Vue
App
原创 精选
呆萌老师博客号
2022-12-21 23:54:32
563阅读

Vue实现路由跳转 vue-router
首先，我们先下载安装路由(模块化)npm i vue-router -s接着在启动文件中启用该路由(配置路由规则)“../pages/DmMyself”是我的路径，大家自行修改你们的路径import Vue from 'vue' import Router from 'vue-router' import DmMyself from '../pages/DmMy...
启动文件
模块化
下载安装
原创
鹏仔先生
2022-02-16 16:12:21
209阅读
  • 1
  • 2
  • 3
  • 4
  • 5
精品课程领资料
免费资料>
2025软考
系统架构设计师 系统规划与管理师 软件设计师 系统集成项目管理工程师
信创认证
系统架构师 信创集成项目管理师 信创规划管理师 系统开发工程师
厂商认证
CKA/CKS架构师 红帽认证工程师 Oracle-OCP认证 Oracle-OCM认证
IT技术
数据库高级工程师 AIGC大模型实战 Linux云计算架构师 Python全栈开发
华为认证
数通HCIP认证 云计算HCIE认证 华为存储HCIE认证 HCIP安全认证
相关文章

Vue实现路由跳转 vue-router

手写Vue-router核心原理，再也不怕面试官问我Vue-router原理

vue-router原理分析与实践

vue-router的总结

vue-router的路由

vue之vue-router

Copyright © 2005-2025 51CTO.COM 版权所有 京ICP证060544号

关于我们
官方博客 全部文章 热门标签 班级博客
了解我们 网站地图 意见反馈
友情链接
鸿蒙开发者社区 51CTO学堂
51CTO 软考资讯