Vue69-路由基本使用

一、需求

二、开发步骤

2-1、路由的安装

vue-router3才能在vue2中使用!现在默认是vue-router4版本,要在vue3中使用!所以,安装的时候要指定版本。

2-2、在main.js中引入和使用路由

2-3、创建router文件夹

一般在vue中用了vue-router都会在src下新建一个router文件夹,里面也写一个index.js文件。

一个应用有一个路由器就够了!

2-4、路由就绪

2-5、编辑对应的导航页面

属性to的值就是/组件名

三、小结

相关推荐
风花一世月1 分钟前
🏫 我把一整座校园的数据大屏塞进了一个 HTML 文件(零构建、双击即开,在线直接玩)
前端
变与不变8068 分钟前
GET请求知识详解
前端·javascript
智塑未来9 分钟前
网站建设哪家服务好?把交付前、交付中、交付后拆开看
大数据·前端
百度一下吧9 分钟前
H5 应用开发:Android、iOS 与鸿蒙安全区域适配实战
前端
风骏时光牛马2 小时前
数据可视化管理平台
前端
仿生狮子7 小时前
OpenAI 攻下千禧年难题之后,开发者似乎无动于衷
前端·数学·vibecoding
Lvan的前端笔记10 小时前
docker:每个前端项目一个 Nginx 容器还是只有一个Nginx容器
前端·nginx·docker
三天不学习11 小时前
Egg.js 4 突然爆火,原因是否归结于AI 原生落地需求爆发?
前端·javascript·全栈·egg.js
xcs1940512 小时前
前端 vue 的前端页面debugger 进不去
前端·javascript·vue.js