ExtJs 专题
专题目录
您的位置:JS框架 > ExtJs 专题 > router.map
router.map
作者:--    发布时间:2019-11-20

定义路由映射的主要方法。

参数

  • routemap: object

    结构体,键为路径,值为路由配置对象。对于路径匹配规则,查看路由匹配.

路由配置对象

路由配置对象包含两个字段:

  • component: 当路径匹配时,会渲染到顶级 <router-view> 的 vue 组件。此字段的值可以是调用 vue.extend 后返回的构造函数,或者普通的组件选项对象。在后一种情况下,路由会隐式调用 vue.extend

  • subroutes: 嵌套的子路由映射。对于每一个 subroutes 映射中的子路由对象,路由器在做匹配时会使用其路径拼接到父级路径后得到的全路径。成功匹配的组件会渲染到父级组件的 <router-view> 中。

例子

router.map({
  // 组件构造函数
  '/a': {
    component: vue.extend({ /* ... */ })
  },
  // 组件选项对象
  '/b': {
    component: {
      template: '<p>hello from /b</p>'
    }
  },
  // 嵌套的路由
  '/c': {
    component: {
      // 渲染子视图
      template: '<router-view></router-view>'
    },
    subroutes: {
      // 当路径是 /c/d 时进行渲染
      '/d': { component: { template: 'd' }},
      // 当路径是 /c/e 时进行渲染
      '/e': { component: { template: 'e' }}
    }
  }
})
网站声明:
本站部分内容来自网络,如您发现本站内容
侵害到您的利益,请联系本站管理员处理。
联系站长
373515719@qq.com
关于本站:
编程参考手册