Vue70-路由的几个注意点

一、路由组件和一般组件

1-1、一般组件

1-2、路由组件

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

1-3、注意点1

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

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

1-4、注意点2

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

$route:配置的路由规则

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

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

二、小结

相关推荐
晓得迷路了4 分钟前
栗子前端技术周刊第 84 期 - Vite v7.0 beta、Vitest 3.2、Astro 5.9...
前端·javascript·vite
独立开阀者_FwtCoder7 分钟前
最全301/302重定向指南:从SEO到实战,一篇就够了
前端·javascript·vue.js
Moment16 分钟前
给大家推荐一个超好用的 Marsview 低代码平台 🤩🤩🤩
前端·javascript·github
小满zs20 分钟前
Zustand 第三章(状态简化)
前端·react.js
普宁彭于晏22 分钟前
元素水平垂直居中的方法
前端·css·笔记·css3
恋猫de小郭33 分钟前
为什么跨平台框架可以适配鸿蒙,它们的技术原理是什么?
android·前端·flutter
云浪36 分钟前
元素变形记:CSS 缩放函数全指南
前端·css
明似水1 小时前
用 Melos 解决 Flutter Monorepo 的依赖冲突:一个真实案例
前端·javascript·flutter
独立开阀者_FwtCoder1 小时前
stagewise:让AI与代码编辑器无缝连接
前端·javascript·github
清沫1 小时前
Cursor Rules 开发实践指南
前端·ai编程·cursor