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'
  }
});