先说错误的

 最开始我想的都写在App.vue

在实际的开发中,这是不对的,也是不推荐

 

正确的

在实际的项目开发中,建议使用Vue Router来管理和导航不同的页面(视图)。

Vue Router是Vue.js的官方路由管理器。它允许您定义路由和子路由,并将页面组件映射到路由上,这样就可以根据URL显示不同的内容。通过这种方式,您的App.vue就充当了整个应用的布局容器,而具体的页面内容则根据当前路由动态显示

下载

 

router/index.js文件

 

main.js

 

App.vue

 

posted on 2024-01-21 14:32  黑逍逍  阅读(2)  评论(0编辑  收藏  举报