CodePen Embed - Responsive Image with CSS Grid

<div id="app">
  <figure v-for="(item, index) in imageSoures">
    <img :src="item.url" :alt="item.title">
  </figure>
</div>

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html{
  width: 100vw;
}
body {
  min-height: 100vh;
}

#app {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  grid-gap: 10px;
  padding: 10px;
  min-width: 100vw;
}

figure {
  display: block;
  margin: 0;
  
  img {
    max-width: 100%;
  }
}

View Compiled

let app = new Vue({
  el: '#app',
  data () {
    return {
      imageSoures: [
        {
          title: 'Homee Sales Surge',
          url: '//www.nar.realtor/sites/default/files/condo-building-GettyImages-152123643-1200w-628h.jpg'
        },
        {
          title: 'WDRB and WBKI back on DIRECTV',
          url: 'https://bloximages.newyork1.vip.townnews.com/wdrb.com/content/tncms/assets/v3/editorial/c/f4/cf4a7d28-4d03-11e9-b23b-9b91808872ab/5c957fd70619c.image.jpg?resize=1120%2C630'
        },
        {
          title: 'Inverted Yield Curve',
          url: 'https://media.npr.org/assets/img/2019/03/22/gettyimages-1137624930_wide-84bdfc64a10c03813681fedeb4c92d2c5320c38b.jpg?s=1400'
        },
        {
          title: 'img1',
          url: 'https://cdn.pixabay.com/photo/2018/11/04/11/49/dawn-3793717_1280.jpg'
        },
        {
          title: 'img2',
          url: 'https://cdn.pixabay.com/photo/2018/01/12/10/19/fantasy-3077928_1280.jpg'
        },
        {
          title: 'img3',
          url: 'https://cdn.pixabay.com/photo/2015/09/09/16/05/forest-931706_1280.jpg'
        },
        {
          title: 'img4',
          url: 'https://cdn.pixabay.com/photo/2017/01/09/00/49/winter-1964361_1280.jpg'
        },
        {
          title: 'Homee Sales Surge',
          url: '//www.nar.realtor/sites/default/files/condo-building-GettyImages-152123643-1200w-628h.jpg'
        },
        {
          title: 'WDRB and WBKI back on DIRECTV',
          url: 'https://bloximages.newyork1.vip.townnews.com/wdrb.com/content/tncms/assets/v3/editorial/c/f4/cf4a7d28-4d03-11e9-b23b-9b91808872ab/5c957fd70619c.image.jpg?resize=1120%2C630'
        },
        {
          title: 'Inverted Yield Curve',
          url: 'https://media.npr.org/assets/img/2019/03/22/gettyimages-1137624930_wide-84bdfc64a10c03813681fedeb4c92d2c5320c38b.jpg?s=1400'
        },
        {
          title: 'img1',
          url: 'https://cdn.pixabay.com/photo/2018/11/04/11/49/dawn-3793717_1280.jpg'
        },
        {
          title: 'img2',
          url: 'https://cdn.pixabay.com/photo/2018/01/12/10/19/fantasy-3077928_1280.jpg'
        },
        {
          title: 'img3',
          url: 'https://cdn.pixabay.com/photo/2015/09/09/16/05/forest-931706_1280.jpg'
        },
        {
          title: 'img4',
          url: 'https://cdn.pixabay.com/photo/2017/01/09/00/49/winter-1964361_1280.jpg'
        },
        {
          title: 'Homee Sales Surge',
          url: '//www.nar.realtor/sites/default/files/condo-building-GettyImages-152123643-1200w-628h.jpg'
        },
        {
          title: 'WDRB and WBKI back on DIRECTV',
          url: 'https://bloximages.newyork1.vip.townnews.com/wdrb.com/content/tncms/assets/v3/editorial/c/f4/cf4a7d28-4d03-11e9-b23b-9b91808872ab/5c957fd70619c.image.jpg?resize=1120%2C630'
        },
        {
          title: 'Inverted Yield Curve',
          url: 'https://media.npr.org/assets/img/2019/03/22/gettyimages-1137624930_wide-84bdfc64a10c03813681fedeb4c92d2c5320c38b.jpg?s=1400'
        },
        {
          title: 'img1',
          url: 'https://cdn.pixabay.com/photo/2018/11/04/11/49/dawn-3793717_1280.jpg'
        },
        {
          title: 'img2',
          url: 'https://cdn.pixabay.com/photo/2018/01/12/10/19/fantasy-3077928_1280.jpg'
        },
        {
          title: 'img3',
          url: 'https://cdn.pixabay.com/photo/2015/09/09/16/05/forest-931706_1280.jpg'
        },
        {
          title: 'img4',
          url: 'https://cdn.pixabay.com/photo/2017/01/09/00/49/winter-1964361_1280.jpg'
        },
        {
          title: 'Homee Sales Surge',
          url: '//www.nar.realtor/sites/default/files/condo-building-GettyImages-152123643-1200w-628h.jpg'
        },
        {
          title: 'WDRB and WBKI back on DIRECTV',
          url: 'https://bloximages.newyork1.vip.townnews.com/wdrb.com/content/tncms/assets/v3/editorial/c/f4/cf4a7d28-4d03-11e9-b23b-9b91808872ab/5c957fd70619c.image.jpg?resize=1120%2C630'
        },
        {
          title: 'Inverted Yield Curve',
          url: 'https://media.npr.org/assets/img/2019/03/22/gettyimages-1137624930_wide-84bdfc64a10c03813681fedeb4c92d2c5320c38b.jpg?s=1400'
        },
        {
          title: 'img1',
          url: 'https://cdn.pixabay.com/photo/2018/11/04/11/49/dawn-3793717_1280.jpg'
        },
        {
          title: 'img2',
          url: 'https://cdn.pixabay.com/photo/2018/01/12/10/19/fantasy-3077928_1280.jpg'
        },
        {
          title: 'img3',
          url: 'https://cdn.pixabay.com/photo/2015/09/09/16/05/forest-931706_1280.jpg'
        },
        {
          title: 'img4',
          url: 'https://cdn.pixabay.com/photo/2017/01/09/00/49/winter-1964361_1280.jpg'
        },
        {
          title: 'Homee Sales Surge',
          url: '//www.nar.realtor/sites/default/files/condo-building-GettyImages-152123643-1200w-628h.jpg'
        },
        {
          title: 'WDRB and WBKI back on DIRECTV',
          url: 'https://bloximages.newyork1.vip.townnews.com/wdrb.com/content/tncms/assets/v3/editorial/c/f4/cf4a7d28-4d03-11e9-b23b-9b91808872ab/5c957fd70619c.image.jpg?resize=1120%2C630'
        },
        {
          title: 'Inverted Yield Curve',
          url: 'https://media.npr.org/assets/img/2019/03/22/gettyimages-1137624930_wide-84bdfc64a10c03813681fedeb4c92d2c5320c38b.jpg?s=1400'
        },
        {
          title: 'img1',
          url: 'https://cdn.pixabay.com/photo/2018/11/04/11/49/dawn-3793717_1280.jpg'
        },
        {
          title: 'img2',
          url: 'https://cdn.pixabay.com/photo/2018/01/12/10/19/fantasy-3077928_1280.jpg'
        },
        {
          title: 'img3',
          url: 'https://cdn.pixabay.com/photo/2015/09/09/16/05/forest-931706_1280.jpg'
        },
        {
          title: 'img4',
          url: 'https://cdn.pixabay.com/photo/2017/01/09/00/49/winter-1964361_1280.jpg'
        },
        {
          title: 'Homee Sales Surge',
          url: '//www.nar.realtor/sites/default/files/condo-building-GettyImages-152123643-1200w-628h.jpg'
        },
        {
          title: 'WDRB and WBKI back on DIRECTV',
          url: 'https://bloximages.newyork1.vip.townnews.com/wdrb.com/content/tncms/assets/v3/editorial/c/f4/cf4a7d28-4d03-11e9-b23b-9b91808872ab/5c957fd70619c.image.jpg?resize=1120%2C630'
        },
        {
          title: 'Inverted Yield Curve',
          url: 'https://media.npr.org/assets/img/2019/03/22/gettyimages-1137624930_wide-84bdfc64a10c03813681fedeb4c92d2c5320c38b.jpg?s=1400'
        },
        {
          title: 'img1',
          url: 'https://cdn.pixabay.com/photo/2018/11/04/11/49/dawn-3793717_1280.jpg'
        },
        {
          title: 'img2',
          url: 'https://cdn.pixabay.com/photo/2018/01/12/10/19/fantasy-3077928_1280.jpg'
        },
        {
          title: 'img3',
          url: 'https://cdn.pixabay.com/photo/2015/09/09/16/05/forest-931706_1280.jpg'
        },
        {
          title: 'img4',
          url: 'https://cdn.pixabay.com/photo/2017/01/09/00/49/winter-1964361_1280.jpg'
        },
        {
          title: 'Homee Sales Surge',
          url: '//www.nar.realtor/sites/default/files/condo-building-GettyImages-152123643-1200w-628h.jpg'
        },
        {
          title: 'WDRB and WBKI back on DIRECTV',
          url: 'https://bloximages.newyork1.vip.townnews.com/wdrb.com/content/tncms/assets/v3/editorial/c/f4/cf4a7d28-4d03-11e9-b23b-9b91808872ab/5c957fd70619c.image.jpg?resize=1120%2C630'
        },
        {
          title: 'Inverted Yield Curve',
          url: 'https://media.npr.org/assets/img/2019/03/22/gettyimages-1137624930_wide-84bdfc64a10c03813681fedeb4c92d2c5320c38b.jpg?s=1400'
        },
        {
          title: 'img1',
          url: 'https://cdn.pixabay.com/photo/2018/11/04/11/49/dawn-3793717_1280.jpg'
        },
        {
          title: 'img2',
          url: 'https://cdn.pixabay.com/photo/2018/01/12/10/19/fantasy-3077928_1280.jpg'
        },
        {
          title: 'img3',
          url: 'https://cdn.pixabay.com/photo/2015/09/09/16/05/forest-931706_1280.jpg'
        },
        {
          title: 'img4',
          url: 'https://cdn.pixabay.com/photo/2017/01/09/00/49/winter-1964361_1280.jpg'
        },
        {
          title: 'Homee Sales Surge',
          url: '//www.nar.realtor/sites/default/files/condo-building-GettyImages-152123643-1200w-628h.jpg'
        },
        {
          title: 'WDRB and WBKI back on DIRECTV',
          url: 'https://bloximages.newyork1.vip.townnews.com/wdrb.com/content/tncms/assets/v3/editorial/c/f4/cf4a7d28-4d03-11e9-b23b-9b91808872ab/5c957fd70619c.image.jpg?resize=1120%2C630'
        },
        {
          title: 'Inverted Yield Curve',
          url: 'https://media.npr.org/assets/img/2019/03/22/gettyimages-1137624930_wide-84bdfc64a10c03813681fedeb4c92d2c5320c38b.jpg?s=1400'
        },
        {
          title: 'img1',
          url: 'https://cdn.pixabay.com/photo/2018/11/04/11/49/dawn-3793717_1280.jpg'
        },
        {
          title: 'img2',
          url: 'https://cdn.pixabay.com/photo/2018/01/12/10/19/fantasy-3077928_1280.jpg'
        },
        {
          title: 'img3',
          url: 'https://cdn.pixabay.com/photo/2015/09/09/16/05/forest-931706_1280.jpg'
        },
        {
          title: 'img4',
          url: 'https://cdn.pixabay.com/photo/2017/01/09/00/49/winter-1964361_1280.jpg'
        },
        {
          title: 'Homee Sales Surge',
          url: '//www.nar.realtor/sites/default/files/condo-building-GettyImages-152123643-1200w-628h.jpg'
        },
        {
          title: 'WDRB and WBKI back on DIRECTV',
          url: 'https://bloximages.newyork1.vip.townnews.com/wdrb.com/content/tncms/assets/v3/editorial/c/f4/cf4a7d28-4d03-11e9-b23b-9b91808872ab/5c957fd70619c.image.jpg?resize=1120%2C630'
        },
        {
          title: 'Inverted Yield Curve',
          url: 'https://media.npr.org/assets/img/2019/03/22/gettyimages-1137624930_wide-84bdfc64a10c03813681fedeb4c92d2c5320c38b.jpg?s=1400'
        },
        {
          title: 'img1',
          url: 'https://cdn.pixabay.com/photo/2018/11/04/11/49/dawn-3793717_1280.jpg'
        },
        {
          title: 'img2',
          url: 'https://cdn.pixabay.com/photo/2018/01/12/10/19/fantasy-3077928_1280.jpg'
        },
        {
          title: 'img3',
          url: 'https://cdn.pixabay.com/photo/2015/09/09/16/05/forest-931706_1280.jpg'
        },
        {
          title: 'img4',
          url: 'https://cdn.pixabay.com/photo/2017/01/09/00/49/winter-1964361_1280.jpg'
        },
        {
          title: 'Homee Sales Surge',
          url: '//www.nar.realtor/sites/default/files/condo-building-GettyImages-152123643-1200w-628h.jpg'
        },
        {
          title: 'WDRB and WBKI back on DIRECTV',
          url: 'https://bloximages.newyork1.vip.townnews.com/wdrb.com/content/tncms/assets/v3/editorial/c/f4/cf4a7d28-4d03-11e9-b23b-9b91808872ab/5c957fd70619c.image.jpg?resize=1120%2C630'
        },
        {
          title: 'Inverted Yield Curve',
          url: 'https://media.npr.org/assets/img/2019/03/22/gettyimages-1137624930_wide-84bdfc64a10c03813681fedeb4c92d2c5320c38b.jpg?s=1400'
        },
        {
          title: 'img1',
          url: 'https://cdn.pixabay.com/photo/2018/11/04/11/49/dawn-3793717_1280.jpg'
        },
        {
          title: 'img2',
          url: 'https://cdn.pixabay.com/photo/2018/01/12/10/19/fantasy-3077928_1280.jpg'
        },
        {
          title: 'img3',
          url: 'https://cdn.pixabay.com/photo/2015/09/09/16/05/forest-931706_1280.jpg'
        },
        {
          title: 'img4',
          url: 'https://cdn.pixabay.com/photo/2017/01/09/00/49/winter-1964361_1280.jpg'
        },
        {
          title: 'Homee Sales Surge',
          url: '//www.nar.realtor/sites/default/files/condo-building-GettyImages-152123643-1200w-628h.jpg'
        },
        {
          title: 'WDRB and WBKI back on DIRECTV',
          url: 'https://bloximages.newyork1.vip.townnews.com/wdrb.com/content/tncms/assets/v3/editorial/c/f4/cf4a7d28-4d03-11e9-b23b-9b91808872ab/5c957fd70619c.image.jpg?resize=1120%2C630'
        },
        {
          title: 'Inverted Yield Curve',
          url: 'https://media.npr.org/assets/img/2019/03/22/gettyimages-1137624930_wide-84bdfc64a10c03813681fedeb4c92d2c5320c38b.jpg?s=1400'
        },
        {
          title: 'img1',
          url: 'https://cdn.pixabay.com/photo/2018/11/04/11/49/dawn-3793717_1280.jpg'
        },
        {
          title: 'img2',
          url: 'https://cdn.pixabay.com/photo/2018/01/12/10/19/fantasy-3077928_1280.jpg'
        },
        {
          title: 'img3',
          url: 'https://cdn.pixabay.com/photo/2015/09/09/16/05/forest-931706_1280.jpg'
        },
        {
          title: 'img4',
          url: 'https://cdn.pixabay.com/photo/2017/01/09/00/49/winter-1964361_1280.jpg'
        },
        {
          title: 'Homee Sales Surge',
          url: '//www.nar.realtor/sites/default/files/condo-building-GettyImages-152123643-1200w-628h.jpg'
        },
        {
          title: 'WDRB and WBKI back on DIRECTV',
          url: 'https://bloximages.newyork1.vip.townnews.com/wdrb.com/content/tncms/assets/v3/editorial/c/f4/cf4a7d28-4d03-11e9-b23b-9b91808872ab/5c957fd70619c.image.jpg?resize=1120%2C630'
        },
        {
          title: 'Inverted Yield Curve',
          url: 'https://media.npr.org/assets/img/2019/03/22/gettyimages-1137624930_wide-84bdfc64a10c03813681fedeb4c92d2c5320c38b.jpg?s=1400'
        },
        {
          title: 'img1',
          url: 'https://cdn.pixabay.com/photo/2018/11/04/11/49/dawn-3793717_1280.jpg'
        },
        {
          title: 'img2',
          url: 'https://cdn.pixabay.com/photo/2018/01/12/10/19/fantasy-3077928_1280.jpg'
        },
        {
          title: 'img3',
          url: 'https://cdn.pixabay.com/photo/2015/09/09/16/05/forest-931706_1280.jpg'
        },
        {
          title: 'img4',
          url: 'https://cdn.pixabay.com/photo/2017/01/09/00/49/winter-1964361_1280.jpg'
        },
        {
          title: 'Homee Sales Surge',
          url: '//www.nar.realtor/sites/default/files/condo-building-GettyImages-152123643-1200w-628h.jpg'
        },
        {
          title: 'WDRB and WBKI back on DIRECTV',
          url: 'https://bloximages.newyork1.vip.townnews.com/wdrb.com/content/tncms/assets/v3/editorial/c/f4/cf4a7d28-4d03-11e9-b23b-9b91808872ab/5c957fd70619c.image.jpg?resize=1120%2C630'
        },
        {
          title: 'Inverted Yield Curve',
          url: 'https://media.npr.org/assets/img/2019/03/22/gettyimages-1137624930_wide-84bdfc64a10c03813681fedeb4c92d2c5320c38b.jpg?s=1400'
        },
        {
          title: 'img1',
          url: 'https://cdn.pixabay.com/photo/2018/11/04/11/49/dawn-3793717_1280.jpg'
        },
        {
          title: 'img2',
          url: 'https://cdn.pixabay.com/photo/2018/01/12/10/19/fantasy-3077928_1280.jpg'
        },
        {
          title: 'img3',
          url: 'https://cdn.pixabay.com/photo/2015/09/09/16/05/forest-931706_1280.jpg'
        },
        {
          title: 'img4',
          url: 'https://cdn.pixabay.com/photo/2017/01/09/00/49/winter-1964361_1280.jpg'
        },
        {
          title: 'Homee Sales Surge',
          url: '//www.nar.realtor/sites/default/files/condo-building-GettyImages-152123643-1200w-628h.jpg'
        },
        {
          title: 'WDRB and WBKI back on DIRECTV',
          url: 'https://bloximages.newyork1.vip.townnews.com/wdrb.com/content/tncms/assets/v3/editorial/c/f4/cf4a7d28-4d03-11e9-b23b-9b91808872ab/5c957fd70619c.image.jpg?resize=1120%2C630'
        },
        {
          title: 'Inverted Yield Curve',
          url: 'https://media.npr.org/assets/img/2019/03/22/gettyimages-1137624930_wide-84bdfc64a10c03813681fedeb4c92d2c5320c38b.jpg?s=1400'
        },
        {
          title: 'img1',
          url: 'https://cdn.pixabay.com/photo/2018/11/04/11/49/dawn-3793717_1280.jpg'
        },
        {
          title: 'img2',
          url: 'https://cdn.pixabay.com/photo/2018/01/12/10/19/fantasy-3077928_1280.jpg'
        },
        {
          title: 'img3',
          url: 'https://cdn.pixabay.com/photo/2015/09/09/16/05/forest-931706_1280.jpg'
        },
        {
          title: 'img4',
          url: 'https://cdn.pixabay.com/photo/2017/01/09/00/49/winter-1964361_1280.jpg'
        },
        {
          title: 'Homee Sales Surge',
          url: '//www.nar.realtor/sites/default/files/condo-building-GettyImages-152123643-1200w-628h.jpg'
        },
        {
          title: 'WDRB and WBKI back on DIRECTV',
          url: 'https://bloximages.newyork1.vip.townnews.com/wdrb.com/content/tncms/assets/v3/editorial/c/f4/cf4a7d28-4d03-11e9-b23b-9b91808872ab/5c957fd70619c.image.jpg?resize=1120%2C630'
        },
        {
          title: 'Inverted Yield Curve',
          url: 'https://media.npr.org/assets/img/2019/03/22/gettyimages-1137624930_wide-84bdfc64a10c03813681fedeb4c92d2c5320c38b.jpg?s=1400'
        },
        {
          title: 'img1',
          url: 'https://cdn.pixabay.com/photo/2018/11/04/11/49/dawn-3793717_1280.jpg'
        },
        {
          title: 'img2',
          url: 'https://cdn.pixabay.com/photo/2018/01/12/10/19/fantasy-3077928_1280.jpg'
        },
        {
          title: 'img3',
          url: 'https://cdn.pixabay.com/photo/2015/09/09/16/05/forest-931706_1280.jpg'
        },
        {
          title: 'img4',
          url: 'https://cdn.pixabay.com/photo/2017/01/09/00/49/winter-1964361_1280.jpg'
        },
        {
          title: 'Homee Sales Surge',
          url: '//www.nar.realtor/sites/default/files/condo-building-GettyImages-152123643-1200w-628h.jpg'
        },
        {
          title: 'WDRB and WBKI back on DIRECTV',
          url: 'https://bloximages.newyork1.vip.townnews.com/wdrb.com/content/tncms/assets/v3/editorial/c/f4/cf4a7d28-4d03-11e9-b23b-9b91808872ab/5c957fd70619c.image.jpg?resize=1120%2C630'
        },
        {
          title: 'Inverted Yield Curve',
          url: 'https://media.npr.org/assets/img/2019/03/22/gettyimages-1137624930_wide-84bdfc64a10c03813681fedeb4c92d2c5320c38b.jpg?s=1400'
        },
        {
          title: 'img1',
          url: 'https://cdn.pixabay.com/photo/2018/11/04/11/49/dawn-3793717_1280.jpg'
        },
        {
          title: 'img2',
          url: 'https://cdn.pixabay.com/photo/2018/01/12/10/19/fantasy-3077928_1280.jpg'
        },
        {
          title: 'img3',
          url: 'https://cdn.pixabay.com/photo/2015/09/09/16/05/forest-931706_1280.jpg'
        },
        {
          title: 'img4',
          url: 'https://cdn.pixabay.com/photo/2017/01/09/00/49/winter-1964361_1280.jpg'
        },
        {
          title: 'Homee Sales Surge',
          url: '//www.nar.realtor/sites/default/files/condo-building-GettyImages-152123643-1200w-628h.jpg'
        },
        {
          title: 'WDRB and WBKI back on DIRECTV',
          url: 'https://bloximages.newyork1.vip.townnews.com/wdrb.com/content/tncms/assets/v3/editorial/c/f4/cf4a7d28-4d03-11e9-b23b-9b91808872ab/5c957fd70619c.image.jpg?resize=1120%2C630'
        },
        {
          title: 'Inverted Yield Curve',
          url: 'https://media.npr.org/assets/img/2019/03/22/gettyimages-1137624930_wide-84bdfc64a10c03813681fedeb4c92d2c5320c38b.jpg?s=1400'
        },
        {
          title: 'img1',
          url: 'https://cdn.pixabay.com/photo/2018/11/04/11/49/dawn-3793717_1280.jpg'
        },
        {
          title: 'img2',
          url: 'https://cdn.pixabay.com/photo/2018/01/12/10/19/fantasy-3077928_1280.jpg'
        },
        {
          title: 'img3',
          url: 'https://cdn.pixabay.com/photo/2015/09/09/16/05/forest-931706_1280.jpg'
        },
        {
          title: 'img4',
          url: 'https://cdn.pixabay.com/photo/2017/01/09/00/49/winter-1964361_1280.jpg'
        },
        {
          title: 'Homee Sales Surge',
          url: '//www.nar.realtor/sites/default/files/condo-building-GettyImages-152123643-1200w-628h.jpg'
        },
        {
          title: 'WDRB and WBKI back on DIRECTV',
          url: 'https://bloximages.newyork1.vip.townnews.com/wdrb.com/content/tncms/assets/v3/editorial/c/f4/cf4a7d28-4d03-11e9-b23b-9b91808872ab/5c957fd70619c.image.jpg?resize=1120%2C630'
        },
        {
          title: 'Inverted Yield Curve',
          url: 'https://media.npr.org/assets/img/2019/03/22/gettyimages-1137624930_wide-84bdfc64a10c03813681fedeb4c92d2c5320c38b.jpg?s=1400'
        },
        {
          title: 'img1',
          url: 'https://cdn.pixabay.com/photo/2018/11/04/11/49/dawn-3793717_1280.jpg'
        },
        {
          title: 'img2',
          url: 'https://cdn.pixabay.com/photo/2018/01/12/10/19/fantasy-3077928_1280.jpg'
        },
        {
          title: 'img3',
          url: 'https://cdn.pixabay.com/photo/2015/09/09/16/05/forest-931706_1280.jpg'
        },
        {
          title: 'img4',
          url: 'https://cdn.pixabay.com/photo/2017/01/09/00/49/winter-1964361_1280.jpg'
        }
      ]
    }
  }
})

This Pen is owned by 大漠 on CodePen.

See more by @airen on CodePen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

https://cdnjs.cloudflare.com/ajax/libs/vue/2.6.10/vue.min.js