Vue 预加载图片

Vue 中可以使用 `v-lazy` 指令实现图片的预加载。具体实现步骤如下：

1. 安装 `vue-lazyload` 插件

npm install vue-lazyload --save

2. 在项目入口文件中引入插件并注册

import Vue from 'vue'
import VueLazyload from 'vue-lazyload'

Vue.use(VueLazyload)

3. 在模板中使用 `v-lazy` 指令

<img v-lazy="imageUrl" alt="图片">

其中，`imageUrl` 是图片的地址。使用 `v-lazy` 指令后，图片会在进入可视区域时自动加载，实现了预加载的效果。

注意：使用 `v-lazy` 指令前需要将 `src` 属性设为一个占位符，例如：

<img src="占位符" v-lazy="imageUrl" alt="图片">