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

问题描述

问 题

我的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来指代那个数列吗？

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

谢谢！！

解决方案

不是很理解这个问题

vue router里面的routes属性如果赋值为一个array

为什么是如果呢?routes除了是数组之外还能是其他数据结构吗.文档上好像没有说明.

在vue-router实例化过程中的createRouteMap方法里面使用的使用routes.forEach来遍历路由配置,那么默认应该就是数组了吧.

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

直接在import之后console.log(router)在控制台上查看输出就可以了

其实如果真的需要这个routes数组,可以这样写

// router.js
export const routes = [/* .... */]

export default new Router({
  routes: routes
})

// app.vue
import { routes } from 'path/to/router.js'

console.log(routes)

这篇关于javascript - vue router里面的routes属性如果赋值为一个array，这个属性名就是array的id吗？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！