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

查看:189
本文介绍了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屋!

查看全文
相关文章
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆