Vue 预加载本地图片

Vue 可以使用 `require()` 方法来预加载本地图片。你可以在组件的 `created` 钩子函数中使用这个方法来加载图片。

例如，如果你有一张名为 `example.jpg` 的图片，可以像这样在组件中预加载它：

created() {
  const exampleImg = require('@/assets/example.jpg')
}

注意，`@` 符号代表了项目根目录。如果你的图片存储在其他文件夹下，需要相应地修改路径。

接着，你可以将预加载的图片作为一个数据属性添加到组件中，供模板中使用：

data() {
  return {
    exampleImage: null
  }
},
created() {
  this.exampleImage = require('@/assets/example.jpg')
}

最后，在模板中使用预加载的图片：

<template>
  <div>
    <img :src="exampleImage" alt="Example Image">
  </div>
</template>