多入口应用
SPA
项目通常会有路由,用于导航到不同路径,首屏的入口可能并不只是根路径/
,用户也有可能是从其他路径进入应用,比如/post/:id
。
使用loder
的路由匹配模式,可以在进入特定路径时声明对应的首屏数据渲染,以便进入应用其他路径亦可快速启动。
LIVE DEMO
location.hash = '#/post/233'
// 注册API
loder('fetchPost', params => Promise.resolve(`Data Of Post ${params.id}`))
// 配置使用hash路由
loder.config({ isHashRouter: true })
// 注册路由
loder.route('/post/:id', params => {
// 注册资源 —— 首屏数据
loder('data', () => {
return loder.echo('fetchPost', params)
})
})
loder.echo('data').then(res => {
document.getElementById('data').innerHTML = `Fetched: ${res}`
})