【Vue】菜单页面切换空白，困惑了我一个星期的问题

全栈领域优质创作者

博客专家认证

2023-04-21 17:40:45

1、简单描述

在项目中，菜单页面切换，正常都是能够打开各自页面，
当打开A页面时，其他页面都是空白，切换回来也是空白。

2、原因

template标签内的第一行代码是注释代码，会导致空白

导致空白
正确写法
可以放在div之后

...全文

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

写回复

回复

切换为时间正序

请发表友善的回复…

发表回复

问题是由于和根组件同层级的注释所导致的，将注释删除，一切恢复正常

可以参考下面的a标签，也是这样跳转的，个人觉得在当前路径是http://localhost:5173/news的时候，访问相对路径detail,就相当于一个文件夹是http://localhost:5173/，news相当于news.html,而detail和他是同级的，所以相对路径会解析为http://localhost:5173/detail。点击新闻，内容里面嵌套一个左侧和右侧，左侧有4条新闻，点击某一条新闻，右侧显示详情。有如下的页面设计，页面上方第一次导航，两个菜单，首页和新闻。

Vue 最初是由一个人 Evan You 发起的项目。令人惊讶的是，它已经发展到今天这个地步：成为最受欢迎的前端框架之一，与由公司支持的 React 和 Angular 竞争。当然，这些并不是唯一的前端框架，但 Vue、React 和 Angular 这三者似乎是最受欢迎的，互联网上充斥着这些框架的比较和使用经验。比如，很常见的是看到一篇比较 Vue 和 React 的文章，或者一篇关于 Vue 比 Angular 更好的博客文章。

其实前端开发的知识点就那么多，面试问来问去还是那么点东西。所以面试没有其他的诀窍，只看你对这些知识点准备的充分程度。so，出去面试时先看看自己复习到了哪个阶段就好。这里再分享一个复习的路线：（以下体系的复习资料是我从各路大佬收集整理好的）《前端开发四大模块核心知识笔记》最后，说个题外话，我在一线互联网企业工作十余年里，指导过不少同行后辈。帮助很多人得到了学习和成长。CodeChina开源项目：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

我将添加两个特性来完成示例应用。第一个特性是能够删除已完成的待办任务，这一点很重要，因为它们会被永久保存。第二个特性是当没有待办事项时显示一条消息。我将这两个特性都添加到了App组件中，如清单 1-19 所示。

基础知识小馆

577

社区成员

90

社区内容

发帖

与我相关

我的任务

javac#c语言个人社区广东省·广州市

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

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

+ 用AI写文章