Resim urlsini HTML masıl alabilirim?

javascript bölümünde bulunan resim kısmını HTML kısmına nasıl alabilirim?

Kod :https://codepen.io/mykeels/pen/wpyMXZ

javascript kısmında bulunan bu kısmı HTML Kısma img olarak nasıl alabilirim?

Yani kod bu şekilde nasıl olabilir? Java kodlarından url vermesini istemiyorum.

<img src="test.jpg" />

 el: '.container',
  mounted() {
    this.$refs.img.src = 'https://res.cloudinary.com/mykeels/image/upload/v1515494037/landscape-road-canyon_wc8xdf.jpg'
  }
});

mounted satırını slip htmlden direkt img'e src verirseniz olay çözülecek zaten.

Tamamdır çözdüm hocam teşekkürler. Ama şöyle bir sorun oluştu.

<img :style='filters' crossOrigin='Anonymous' expr:src='resizeImage(data:post.thumbnailUrl,500,&quot;&quot;)' ref='img'/>

crossOrigin='Anonymous' bu kodu silince resim çalışıyor.Ama indirme işlemini yapmıyor.Kod silmezsem resmi göstermiyor