页面组件路由清单

EggBornJS自动将模块的API路由清单合并到Framework7统一的清单中

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

function loadKitchenSink(name) {
  return require(`./kitchen-sink/pages/${name}.vue`).default;
}

export default [
  { path: 'kitchen-sink/about', component: loadKitchenSink('about') },
];
名称 说明
path 页面组件路径
componet 页面组件对象

引用页面组件路由

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

形式 格式 举例
相对路径 pagePath kitchen-sink/about
绝对路径 /providerId/moduleName/pagePath /test/party/kitchen-sink/about

相对路径

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

<eb-link eb-href="kitchen-sink/about">About</eb-link>

绝对路径

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

<eb-link eb-href="/test/party/kitchen-sink/about">About</eb-link>

特殊说明

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

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

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

<f7-link href="/test/party/kitchen-sink/about">About</f7-link>