vue router里面的routes属性如果赋值为一个array，这个属性名就是array的id

Question

我的vue-router组件是这样写的

export default new Router({

  routes: [

    {

      path: '/',

      name: 'login',

      component: { Login }

    },

    {

      path: '/salesTotal',

      name: 'salesTotal',

      component: { Banner, Sales }

    },

  ],

  

})

这样的话我可以在app.vue中import了router之后直接用router.routes来指代那个数列吗？

如果不行的话，我要查找一个路径对应的组件应该怎么写呢？

谢谢！！

Answer 1

不是很理解这个问题vue router里面的routes属性如果赋值为一个array为什么是如果呢?routes除了是数组之外还能是其他数据结构吗.文档上好像没有说明.在vue-router实例化过程中的createRouteMap方法里面使用的使用routes.forEach来遍历路由配置,那么默认应该就是数组了吧.这样的话我可以在app.vue中import了router之后直接用router.routes来指代那个数列吗？直接在import之后console.log(router)在控制台上查看输出就可以了其实如果真的需要这个routes数组,可以这样写// router.jsexport const routes = [/* .... */]export default new Router({  routes: routes})// app.vueimport { routes } from 'path/to/router.js'console.log(routes)