在窗口中可见链接时预取链接。– vue-router-prefetch

在窗口中可见链接时预取链接。– vue-router-prefetch
插件名称 vue-router-prefetch
版本号 v2.0.2
发布时间 2020年5月31日
插件作者 egoist

一个微小的Vue组件库,用于预取仅在窗口中可见的链接。您无需更改代码库即可使其工作。

安装和下载:

# Yarn
$ yarn add vue-router-prefetch

# NPM
$ npm install vue-router-prefetch --save

用法

您需要在以下时间使用此插件vue-router

import Vue from 'vue'
import Router from 'vue-router'
import RouterPrefetch from 'vue-router-prefetch'
Vue.use(Router)
Vue.use(RouterPrefetch)

然后,您可以使用它<router-link>而无需进行任何更改,当此组件在视口中可见时,它将自动预取(异步)路由组件。

您也可以将其注册为新组件,而不是覆盖<router-link>

Vue.use(RouterPrefetch, {
  componentName: 'QuickLink'
})

现在,您可以<quick-link>在应用程序中使用它。

变更日志:

v2.0.2 (08/12/2021)

  • Bug修复

v1.6.2(03/03/2021)

  • Bug修复