多入口应用

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}`
})

results matching ""

    No results matching ""