Vue-router 类似Vuex实现组件化开发

随着项目越来越大,把所有route写在一个文件里就显得杂乱。

#单个组件路由
import  a from '../components/a'
export  default  {
  path: '/a',
  name: 'a',
  component: a
}
import arouter from 'xxx'
export default new Router({
  routes: [
     arouter
  ]
})

#多个组件路由
import  a from '../components/a'
import  b from '../components/b'
export  default  [{
  path: '/a',
  name: 'a',
  component: a
}, {
  path: '/b',
  name: 'b',
  component: b
}]
#arouter.js
export default new Router({
  routes: [
    ...arouter//扩展运算符
  ]
})
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 念想 "念想有一天 ,当你经过我身边时 ,会把那朵原野的小花 ,轻轻地别在,我宁静而苍白的发际………。" 我在转发...
    一帘幽梦剪剪风阅读 251评论 0 0
  • 一个微故事:(未完)(上) 如果不是那次在菜市场,无意中听到一个女人一边打电话,一边叫陈永远这个熟悉的名字,苏雪打...
    心动72行动阅读 151评论 0 1
  • 组件和它们周围的环境是隔离的,所以组件需要的任何数据都需要传递进去。 例如,想象你有一个blog-post组件,用...
    wodelu阅读 495评论 0 0
  • 上回说到,时间来到了初平三年(公元192年)的二月十一,李儒给了我份黄金大礼包。 倘若一开始就给我这么贵重的黄金,...
    搬砖师爷阅读 619评论 24 0