vu e2图片懒加载

Vue 2图片懒加载（Lazy Loading），也被称为延迟加载或按需加载，是一种优化网页性能的技术，特别适用于大图或多张图片的场景。它的核心思想是在用户滚动到图片位置之前，并不会立即下载全部的图片资源，而是当图片进入用户的可视区域时才开始加载。

在Vue 2中，可以使用一些第三方库如vue-lazyload、vue-v lazy等实现图片懒加载。这些库通常提供API让你设置图片元素，并监听图片进入视窗范围的事件，只有那时才会触发实际的图片加载。这样做的优点是可以减少页面初始加载时的数据量，提高首屏渲染速度，提升用户体验。

要使用懒加载，你需要安装库，导入并配置它，然后在模板中应用相关的属性，比如`v-lazy`或`lazy-src`。例如：

<router-link :to="{ name: 'image', params: { id: picId }}" class="lazy">
  <img :src="'./placeholder.jpg'" v-lazy="'./images/' + $route.params.id" alt="图片描述">
</router-link>

在这个例子中，当用户滚动到图片链接时，`./placeholder.jpg`会被显示，而真正的图片资源会在图片可见时异步加载。