MainPage 광고 랜덤으로 띄우기

이미지로 제작한 광고 4개를 메인 페이지에서 랜덤으로 띄울 것이다.

1. template 부분

<img :src="selectedImage" class="ad" />

2. script 부분

data() {
  return {
    images: [
      require('../../assets/ad-1.png'),
      require('../../assets/ad-2.png'),
      require('../../assets/ad-3.png'),
      require('../../assets/ad-4.png'),
    ],
    selectedImage: null,
  };
},
created() {
  this.selectedImage = this.randomItem(this.images);
  ...
},