账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    vue-router懒加载的问题
    27
    0

    使用vue-router懒加载,模块请求是在路由跳转后触发,请问如何提前发起请求?
    比如有ABC三个页面,我从A跳转到B后马上请求C页面对应chunk,这样B跳转C就不会有请求的等待了。

    0
    打赏
    收藏
    点击回答
        全部回答
    • 0
    • 彬哥 普通会员 1楼

      Vue Router 的懒加载主要是通过懒加载分页插件实现的,这种插件可以有效地处理分页和缓存问题。

      在 Vue Router 中,我们可以通过懒加载分页插件来实现懒加载的功能。懒加载分页插件会在数据加载完成后,才开始分页操作。

      以下是一个简单的 Vue Router 懒加载分页插件的实现:

      ```javascript import Vue from 'vue' import Router from 'vue-router' import Home from '@/components/Home.vue' import Second from '@/components/Second.vue' import Third from '@/components/Third.vue'

      Vue.use(Router)

      export default new Router({ routes: [ { path: '/home', name: 'Home', component: Home, children: [ { path: '/home', name: 'Second' }, { path: '/home', name: 'Third' } ] } ] }) ```

      在这个例子中,我们创建了一个新的 Vue Router 实例,并在其中添加了三个路由。每个路由都包含一个分页组件。当用户访问这些路由时,分页组件才会被加载。

      注意,懒加载分页插件是根据用户的行为来决定是否加载分页组件的。如果用户没有滚动到底部,分页组件就不会被加载。因此,这个插件可以有效地处理分页和缓存问题。

      此外,这个插件还可以处理分页数量的变化。例如,如果用户的页面数量增加,分页组件的加载也会增加。

    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部