Vue70-路由的几个注意点

一、路由组件和一般组件

1-1、一般组件

1-2、路由组件

不用写组件标签。靠路由规则匹配出来,由路由器渲染出来的组件。

1-3、注意点1

一般组件和路由组件,一般放在不同的文件夹,便于管理。

一般组件放在components文件夹下。

1-4、注意点2

不用的路由组件,或者,切换切走的路由组件,被销毁了!!!

$route:配置的路由规则

$router:整个应用的路由器(整个应用只有一个路由器)

about组件身上的route和home组件身上的route是不一样的;但是,about组件身上的router和home组件身上的router是一样的!

二、小结

相关推荐
kk晏然9 分钟前
TypeScript 错误类型检查,前端ts错误指南
前端·react native·typescript·react
纆兰19 分钟前
汇款单的完成
前端·javascript·html
Lsx_37 分钟前
案例+图解带你遨游 Canvas 2D绘图 Fabric.js🔥🔥(5W+字)
前端·javascript·canvas
北辰alk1 小时前
Vue 路由跳转完全指南:8种跳转方式深度解析
vue.js
北辰alk1 小时前
Vue v-for 遍历对象顺序完全指南:从混乱到可控
vue.js
m0_471199631 小时前
【场景】如何快速接手一个前端项目
前端·vue.js·react.js
北辰alk1 小时前
Vue Router 中 route 和 router 的终极区别指南
vue.js
榴莲CC1 小时前
抗干扰LED数显屏驱动VK1624 数码管显示芯片 3线串行接口
前端
Tigger2 小时前
用 Vue 3 做了一套年会抽奖工具,顺便踩了些坑
前端·javascript·vue.js
天天扭码2 小时前
一文搞懂——React 19到底更新了什么
前端·react.js·前端框架