当前位置: 首页 > news >正文

天猫网站建设基本情况百度公司招聘官网最新招聘

天猫网站建设基本情况,百度公司招聘官网最新招聘,石家庄网站建设高端,天津企业网站建设公司随着项目的原来越大,路由越来越多,我们的路由也会越来越多,如果都集中在一个文件中,会很冗杂文件很长。这时候我们可以将路由文件拆分,可读、方便管理。多人合作添加路由也能更多的避免代码冲突 代码拆分目录如图&…

随着项目的原来越大,路由越来越多,我们的路由也会越来越多,如果都集中在一个文件中,会很冗杂文件很长。这时候我们可以将路由文件拆分,可读、方便管理。多人合作添加路由也能更多的避免代码冲突

代码拆分目录如图:

  • 在router文件夹下index.js处理路由逻辑代码
  • router.js注册导出所有路由
  • routes文件下放置各个模块的路由文件(视项目情况输出方式可以是数组,也可以是对象)

routes文件下单模块路由文件 - moduleRoutes.js

moduleRoutes.js输出方式是数组:

// 输出方式是数组
export const moduleRoutes = [{path: '/test',name: 'test',component: () => import('../../pages/test.vue') // 懒加载对应vue文件}
]

router.js整合各个模块的路由并输出

router.js整合输出方式是数组:

import {moduleRoutes} from './routes/moduleRoutes.js' // 测试模块文件路径// 数组形式 输出路由
export const routes = [...moduleRoutes
]

 index.js引入router

// vue3
import {createRouter} from 'vue-router'
import {routes} from './router.js' // 引入router.js的输出const router = createRouter({routes, // 输出路由
})
export default router // 导出路由

-------------------------------------------------------------------------------------------------------------------------------- 

 moduleRoutes.js输出方式是对象:

// 输出方式是对象
// 根据项目的路径复杂情况设置
import BaseLayout from '@/layout/BaseLayout.vue'
const appCode = process.env.sysCodeexport const moduleRoutes = {path: '/' + appCode + '/test',name: 'test',component: BaseLayout,meta: {title: 'test',requiresAuth: true},children: [{path: 'review',name: 'review',component: () => import('@/views/erp/afterSales/review/review.vue'),meta: {title: 'Review',requiresAuth: true}}]
}

 router.js整合输出方式是对象:

import {moduleRoutes} from './routes/moduleRoutes.js' // 测试模块文件路径// 对象形式 输出路由
export const routes = [moduleRoutes
]

 index.js引入router

// vue3
import {createRouter} from 'vue-router'
import {routes} from './router.js' // 引入router.js的输出const router = createRouter({routes, // 输出路由
})
export default router // 导出路由

 

http://www.mmbaike.com/news/59125.html

相关文章:

  • 做海岛旅游类网站的背景及意义网站建设公司网站
  • 做新闻网站危险吗sem工作内容
  • 现代教育网站开发项目的研究百度推广销售员好做吗
  • 网站友情链接怎么做网络营销方式有哪些
  • 荔湾区网站建设seo优化中商品权重主要由什么决定
  • 做外贸网站用什么空间流量平台
  • 深圳做网站的公司哪个好哈尔滨seo推广优化
  • 深喘旋磨做紧夹断妖精网站海南网站建设
  • 记事本做网站怎么加图片seo网站关键词优化快速官网
  • 征婚网站做原油外贸营销网站建站
  • 阜宁网页定制网站运营优化培训
  • 家教中介网站怎么做学员引流网络营销的优化和推广方式
  • 适合在线做笔试的网站百度app下载官方免费下载最新版
  • 上海网站建设与设计查关键词排名工具app
  • 在线药店网站建设北京搜索引擎优化管理专员
  • 中央人民政府网站克褔单广告投放优化师
  • 西安专业网站建设公司哪家好万网域名注册查询网
  • 天津平台网站建设推荐网站一键收录
  • 行业门户网站建设方案书成都私人做网站建设
  • 设计网站作品视频营销模式有哪些
  • 成武城乡住房建设局网站代刷网站推广免费
  • 网站开发公司源码成品在线视频免费入口
  • 中国空间站设计在轨飞行多少年谷歌推广怎么做
  • 济南商城网站建设多少钱志鸿优化设计答案
  • 网站建设费入什么科目西安网站seo哪家公司好
  • 买布做衣裳 在哪个网站买好杭州seo网站优化
  • 济宁网站制作网站关键词排名优化
  • 二次开发是指上海怎么做seo推广
  • 张家界有没有做网站的公司网页设计制作网站html代码大全
  • 怎么做搜索网站谷歌商店安卓版下载