title: Render base64 image in vue.js
body: <p>Can someone help me display a Base 64 encoded image using vue.js?</p>
  
  <p>Basically I have an image object:</p>
  
  <pre><code>img = {
    encodedImage: '/9x/4AFQSkZJRgABAXAASABIAAD...'
  }
  </code></pre>
  
  <p>I know that in pure HTML i can do something like:</p>
  
  <pre><code>&lt;div&gt;
      &lt;p&gt;Taken from wikpedia&lt;/p&gt;
      &lt;img src="data:image/png;base64, iVBORw0KGgoAAAANSUhEUgAAAAUA
  AAAFCAYAAACNbyblAAAAHElEQVQI12P4//8/w38GIAXDIBKE0DHxgljNBAAO
      9TXL0Y4OHwAAAABJRU5ErkJggg==" alt="Red dot" /&gt;
  &lt;/div&gt; 
  </code></pre>
  
  <p>In vue, i have tried the following:</p>
  
  <pre><code>&lt;img :src="img.encodedImage" /&gt;
  &lt;img v-bind:src="img.encodedImage" /&gt;
  &lt;img :src="{{img.encodedImage}}" /&gt;
  &lt;img v-bind:src="{{img.encodedImage}}" /&gt;
  </code></pre>
  
  <p>Here's my full vue component:</p>
  
  <pre><code>&lt;template&gt;
    &lt;div&gt;
      &lt;img :src="img.encodedImage"&gt;
    &lt;/div&gt;
  &lt;/template&gt;
  &lt;script&gt;
  
  export default {
    props: [ 'img' ]
  }
  &lt;/script&gt;
  </code></pre>
  
  <p>Can someone help?</p>
  
  <p>Thanks in advance!</p>