vue-router文档介绍

Alexander-li 2023-01-12 15:04:30

课时名称	课时知识点
vue-router文档介绍	vue-router文档介绍

...全文

114 回复打赏收藏转发到动态举报

写回复

回复

切换为时间正序

请发表友善的回复…

发表回复

路由（英文： router）就是对应关系Hash 地址与组件之间的对应关系。vue-router是 vue.js 官方给出的路由解决方案。它只能结合 vue 项目进行使用，能够轻松的管理 SPA 项目中组件的切换。vue-router 的官方文档地址：https://router.vuejs.org/zh/2. vue-router 安装和配置的步骤① 安装 vue-router 包② 创建路由模块③ 导入并挂载路由模块④ 声明路由链接和占位符2.1在项目中安装 vue-router。

问题利用vue cli 新建vue2项目,安装vue-router后浏览器控制台报错: 问题所在和解决 :vue-router版本太高和vue2起冲突了,虽然router4.X的大部分的 Vue Router API 都没有变化,但vue-router 3.x 只能结合 vue2 进行使用~(网上查的说法,我翻了下router官方文档没找到这样的解决也很简单：**卸载4版本的router,@指定版本装3.x的vue-router即可，我按自己的习惯安装3.5.2的vue-router亲测可用~**命令

vue3路由官方文档，vue3路由文档，vue-router4官方文档，使用Vite构建Vue3项目,对路由VueRouter，Vue3中VueRouter4路由的配置，vue3-vueRouterv4.x，vue3中vue-router4基本使用(路由基本配置)，Vue3-Router@4.x使用，vue-router4.x教程，Vue3中基于vue-router4的路由配置与使用的简单示例，Vue实战—路由轻松设置vue-router(3)，10分钟快速上手VueR

1. 什么是 vue-router vue-router 是 vue.js 官方给出的路由解决方案。它只能结合 vue 项目进行使用，能够轻松的管理 SPA 项目中组件的切换。 vue-router 的官方文档地址：https://router.vuejs.org/zh/ 2. vue-router 安装和配置的步骤 ① 安装 vue-router 包 ② 创建路由模块 ③ 导入并挂载路由模块 ④ 声明路由链接和占位符 2.1 在项目中安装 vue-router 在 vue2 的项目中，安装 vue-ro

学习Vue-Router之前，我们有必要了解，Vue-Router是干什么的？？？Vue-Router是一个路由管理插件，它可以解析浏览器中的“URL”并跳转到不同界面，Vue-Router为Vue的单页面提供了更大的可能性！！试想一个场景，例如某个网站中的“用户中心”页面，不同用户所展示的信息固然是不同的，要想不同的用户渲染出各自的数据，我们可以通过“为路由添加参数”实现一个利用参数URL渲染不同用户信息的例子：一个B站UP主的个人主页URL这里的293846287。

李杰的课程社区_NO_6

1

社区成员

150

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章