路由理解和Vue-Router安装和使用

jimson_zhu 2023-01-13 03:25:06

课时名称	课时知识点
路由理解和Vue-Router安装和使用	路由理解。

...全文

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

写回复

回复

切换为时间正序

请发表友善的回复…

发表回复

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-router2、安装和使用vue-router 1、认识vue-router 目前前端流行的三大框架，都有自己的路由实现： Angular的ngRouter React的ReactRouter Vue的vue-router vue-router是Vue.js官方的路由插件，它和vue.js是深度集成的，适合用于构建单页面应用。我们可以访问其官方网站对其进行学习：https://router.vuejs.org/zh/ vue-router是基于路由和组件的路由用户设定访问

路由（英文： 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-router的安装普通路由的挂载（vue+cli_webpack + vue-router安装状态下）子路由的配置 vue-router的安装注：如果是使用 vue-cli + webpack进行创建vue项目的时候，其中惠游一个选项告知是否安装vue-router，如果选的是YES，则可以跳过npm依赖安装的步骤再项目根目录键入指令 npm install vue-router --save 普通路由的挂载（vue+cli_webpack + vue-router安装状态下） 1

vue-router 是 vue.js 官方的路由插件，里面组件和 URL 的映射关系由 vue-route 帮我们管理。在 vue-router 的单页面应用中，页面的路径的改变就是组件的切换。第一步： 1.正常初始化项目的时候，会有个 vue-router 供我们选择。 2.如果你不知道插件俺没安装，看下图中是否有此信息即可，如有即存在。 3.如果不存在则通过代码安装插件即可。代码：npm install vue-router --save 这里要备注一下有的人安装的时候会报错，

Jackson的课程社区_NO_1

1

社区成员

42

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

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

+ 用AI写文章