<laze-image class="image" :url="item.image" :game_name="item.game_name" :placeholder="require('@/static/images/common/placeholder.png')"></laze-image> 

1.通过调用组件实现 先加载预览图片，再加载真实的图片

2.封装组件，位置再 components/LazyImage/index.vue

<template><image :src="showImage ? imageUrl : placeholder" :alt="game_name" mode="aspectFill" @load="handleLoad"@error="handleError" />
</template>
<script>
export default {props: {url: {