页面组件路由

2018-11-26 02:48:29

页面组件路由清单

Framework7将所有的页面组件路由放入一个统一的清单中。EggBorn自动将模块的API路由清单合并到Framework7统一的清单中

src/module/test-todo/front/src/routes.js

function load(name) {
  return require(`./pages/${name}.vue`).default;
}

export default [
  { path: 'test/echo', component: load('test/echo') },
];
名称 说明
path 页面组件路径
componet 页面组件对象

引用页面组件路由

引用页面组件路由主要有两种形式:相对路径绝对路径

形式 格式 举例
相对路径 pagePath test/echo
绝对路径 /providerId/moduleName/pagePath /test/todo/test/echo

相对路径

引用本模块内部的页面组件,往往使用相对路径

<eb-link eb-href="test/echo">Test Echo</eb-link>

绝对路径

跨模块引用页面组件,往往使用绝对路径

<eb-link eb-href="/test/todo/test/echo">Test Echo</eb-link>

特殊说明

组件eb-linkCabloy核心模块a-components提供的组件

组件eb-link继承自Framework7f7-link,并进行了功能增强,从而可以使用相对路径

如果使用Framework7的组件f7-link,则总是需要使用绝对路径

<f7-link href="/test/todo/test/echo">Test Echo</f7-link>


评论: