vue路由分开在好几个页面分模块来写

最新推荐文章于 2023-04-02 19:33:46 发布
最新推荐文章于 2023-04-02 19:33:46 发布
阅读量5.8k 收藏
点赞数
分类专栏： vue

问题原因是变态的项目经理说路由文件如果很长很长。全在一个文件里面放的不就很大不好找吗？他希望我把路由放在好几个页面里面。

我查了好久都没有找到vue的路由分开在好几个页面来写的尝试了一下。没报错但是页面空白。

最后在一个大神下面留言请教，没想到他竟然写了一篇博客给我解答

链接地址在这里

https://blog.csdn.net/FungLeo/article/details/81014184

肖肖肖丽珠
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
vue2主体页面进行拆分
5年编程经验的老猿。
04-28 635
在Vue.js 2中，将主体页面进行拆分是一种常见的做法，它有助于提高代码的可维护性和可读性。页面拆分通常涉及以下几个步骤：
Vue路由分文件拆分管理
weixin_39407291的博客
08-20 225
这段时间做的商城系统，相对也是比较复杂的，路由比较多，直接都写在路由入口文件index.js中，后期维护起来头疼，我们可以根据不同的模块来创建不同的路由子文件，在自文件中维护各个模块的路由，引入到index.js中就可以了。 路由子文件sellerRoute.js const sellerRoute = [ { path: '/seller/lanchGoods', name: 'LanchGoods', component: () => { return import('@/pa
vue路由分文件拆分管理
qq_35430000的博客
05-30 3216
这里说的路由拆分指的是将路由的文件，按照模块拆分，这样方便路由的管理，更主要的是方便多人开发。具体要不要拆分，那就要视你的项目情况来定了，如果项目较小的话，也就一二十个路由，那么是拆分是非常没必要的。但倘若你开发一些功能点较多的商城项目，路由可以会有一百甚至几百个，那么此时将路由文件进行拆分是很有必要的。不然，你看着index.js文件中一大长串串串串串串的路由，也是很糟糕的。 首先我们在r...
Vue 2.x框架完善（二）—— vue路由按模块配置
李小城的博客
02-26 8314
1. 写在前面 关于vue框架API，使用，全家桶等有很多博客可供参考，写的很详细很好。这里写一些小编自己的经验，和其他博客不一样的，仅供参考。 1. vue 官网，你可以去此查看官方文档和API 2. 关于 vue 的博客专栏 3. 前端框架 Vue 初体验 @JesusAllen30 关于 vue-router 的相关文档： 1. vue-router 官方文档 2. 网上很多优...
vue路由文件拆分管理
Sunny_lxm的博客
03-03 1220
vue路由文件拆分管理
vue路由分文件拆分管理详解
01-19
这里说的路由拆分指的是将路由的文件，按照模块拆分，这样方便路由的管理，更主要的是方便多人开发。具体要不要拆分，那就要视你的项目情况来定了，如果项目较小的话，也就一二十个路由，那么是拆分是非常没必要的。但倘若你开发一些功能点较多的商城项目，路由可以会有一百甚至几百个，那么此时将路由文件进行拆分是很有必要的。不然，你看着index.js文件中一大长串串串串串串的路由，也是很糟糕的。 首先我们在router文件夹中创建一个index.js作为路由的入口文件，然后新建一个modules文件夹，里面存放各个模块的路由文件。例如这里储存了一个vote.js投票模块的路由文件和一个公共模块的路由文件。下面直
解决vue多个路由共用一个页面的问题
08-27
这篇文章将与您分享解决 Vue 多个路由共用一个页面的问题，具有很好的参考价值，希望对您有所帮助。 解决方法一：使用 watch 监听路由变化 在 Vue 中，可以使用 watch 监听路由的变化，当路由变化时重新加载数据。...
vue在App.vue文件中监听路由变化刷新页面操作
10-14
主要介绍了vue在App.vue文件中监听路由变化刷新页面操作，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
在vue中实现某一些路由页面隐藏导航栏的功能操作
10-14
本文将详细讲解如何在Vue中实现某些特定路由页面隐藏导航栏的功能。 首先，Vue Router是Vue.js官方提供的路由管理库，它允许我们轻松地管理和控制应用程序的路由。默认情况下，我们可以在`<router-view>`组件中放置...
Vue路由切换页面不更新问题解决方案
10-15
主要介绍了Vue路由切换页面不更新问题解决方案,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
vue通过路由实现页面刷新的方法
08-28
在 Vue 项目中，页面刷新是一个常见的问题， especially when dealing with complex applications. 在本文中，我们将探讨通过路由实现页面刷新的方法，解决购物车页面跳转到详情页后返回时的刷新问题。 知识点一：...
vue分文件开发同一个页面
08-16
开发中有时候一个页面在一个.vue文件中写会造成页面冗余，代码难以维护，这时候就需要考虑将页面不同的子页面（如：弹窗等分离到不同的文件中）。 示例：transpond.vue为子页面，logisticsGroup.vue为父页面。 注：包括父子页面之间传值等，参考页面时注意其他参数是否一并赋值了。
vue多个路由共用一个页面问题
热门推荐
wang839305939的博客
08-31 2万+
在使用vue开发时，如何处理多个路由共用一个页面的问题
【vue】将页面拆分为index+组件
qq_39504802的博客
01-31 774
也没必要非要拆成组件，只要东西放在一个里面能跑就行
【vue开发技巧】路由太多的时候，怎么分类按照文件夹引入路由
web前端开发大全
03-26 1625
当路由太多的时候，导致整个页面非常大。在这个时候，可以通过把路由分类，然后使用require.context引入文件夹下所有的路由。 在router文件夹下创建：index.routes.js 和login.routes.js 在index.js中 代码如下： import Vue from 'vue' import VueRouter from 'vue-router' i...
基于Ant Design vue框架之二 修改页面细细拆分
weixin_43967890的博客
05-29 933
我们还是老规矩，先上效果图吧~~ 需要看整个页面的小盆友可以点下面这个路径哈~~ 页面路径：总页面展示 继续上干货吧~翠花，上代码~~ 继续走修改的画面： <a-modal title="用户信息修改页面" :width="640" :visible="visible" :confirmLoading="confirmLoading" @cancel="handleCancel" > <a
vue3 优雅的拆分逻辑小技巧
好川的博客
04-02 2336
逻辑拆分， vue2 使用 mixin，vue3 使用组合式函数 ，同时也是最小全局状态管理库；
vue项目实际开发的问题及实用技巧分享（一:组件代码拆分优化）
谭少.居然的博客
09-02 794
项目问题总结及优化方案
vue-router模块划分
weixin_33733810的博客
01-22 531
路由整体结构 路由拆分指的是将路由的文件，按照模块(modules)拆分，这样方便路由的管理，更主要的是方便多人开发。具体要不要拆分，那就要视你的项目情况来定了，如果项目较小的话，也就一二十个路由，那么是拆分是非常没必要的。但倘若你开发一些功能点较多的商城项目，路由可以会有一百甚至几百个，那么此时将路由文件进行拆分是很有必要的。 src | -- router 路由目录 | ...
写一个vue登录页面带路由和单页面切换
最新发布
04-19
以下是一个示例代码，创建一个Vue登录页面，包括路由和单页面切换： 首先，在Vue项目中安装Vue Router： ``` npm install vue-router --save ``` 接着，在main.js文件中引入Vue Router，并设置路由： ``` import...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值