vue3路由
温馨提示：
本文最后更新于 2025年07月08日，已超过 340 天没有更新。若文章内的图片失效（无法正常加载），请留言反馈或直接联系我。
组件的放置位置
| 组件分类 | 定义 | 放置位置 |
|---|---|---|
| 一般组件 | <Hearder/> 方式呈现的组件 | components文件夹 |
| 路由组件 | RouterLink 跳转的组件 | page/views文件夹 |
路由工作模式
| 路由工作模式 | 优点 | 缺点 |
|---|---|---|
| history | URL更加美观，不带#，更接近传统的网站URL | 后期项目上线，需要服务器配合处理路径问题，否则会有404错误 |
| hash | 兼容性更好，不需要服务器配合处理路径问题 | URL带有#，不太美观，且在SEO优化方面相对较差 |
路由的2种写法
1、
<RouterLink to="/Person" active-class="obvious"> 首页</RouterLink> 2、
<RouterLink :to="{path:'/About'}" active-class="obvious"> 关于</RouterLink> 正文到此结束
- 本文标签： Linux
- 本文链接： http://119.91.109.247:8443//article/112
- 版权声明： 本文由张亚东原创发布，转载请遵循《署名-非商业性使用-相同方式共享 4.0 国际 (CC BY-NC-SA 4.0)》许可协议授权