Vue首页加载banner文字在图片加载之后显示

前言：日常开发中，加载banner（包括图片和文字）时，会出现短暂白屏（<1s），如果文字先于图片加载，用户体验就不会很好。

使用img标签的@load属性。

 <img src = "~assets/image/homebanner/图片.jpg" @load="loadImage">
 // 内容区域
 <div v-show = banner1Show>
	// content
 </div>

 data() {
    return {
		banner1Show: false,
	}
 }

 methods: {
	loadImage(){
		console.log("加载完成")
		this.banner1Show = true
	},
 }

水平有限，还不能写到尽善尽美，希望大家多多交流，跟春野一同进步！！！