## Page Component Route List
EggBornJS automatically merges the `page componet routes` into the unified routes of system
`src/suite-vendor/test-party/modules/test-party/front/src/routes.js`
``` javascript
function loadKitchenSink(name) {
return require(`./kitchen-sink/pages/${name}.vue`).default;
}
export default [
{ path: 'kitchen-sink/about', component: loadKitchenSink('about') },
];
```
|Name|Description|
|--|--|
|path|path of page component|
|componet|page component|
## Reference Page Component Route
There are two forms of reference page component route: `relative path` and `absolute path`
|Form|Specification|Example|
|--|--|--|
|Relative Path|`{pagePath}`|kitchen-sink/about|
|Absolute Path|`/{providerId}/{moduleName}/{pagePath}`|/test/party/kitchen-sink/about|
### Relative Path
Refer to the page component in the same module, you can use the relative path:
``` html
About
```
### Absolute Path
Refer to the page component across module, you must use the absolute path:
``` html
About
```
### Special Instructions
`eb-link` is a component provided by the core module `a-components` of CabloyJS
The component `eb-link` inherits from `f7-link` of `Framework7`, and is enhanced to use `relative path`
If use `f7-link` of `Framework7`, you always need to use the absolute path
``` html
About
```