title: How can I pass props to img src in Vue?
body: <p>I am new to Vue programming and have just written a simple script that fetches book metadata via an Axios interface and then displays a list of books. it works great.</p>
  <p>But now I wanted to display a single book with a template.</p>
  <pre><code> Vue.component('my-book', {
    props: ['title','body','coverimg'],
    template: `
      &lt;li class=&quot;row-animated border-bo-dd mb10 pb10 imgshadow&quot;&gt;{{ title }}{{ body }}{{ coverimg }}
      &lt;img class=&quot;pointer fl mr10&quot;  src= &quot;{{coverimg}}&quot; /&gt;
      &lt;/li&gt;
    `
  });
  
  &lt;my-book
    v-for=&quot;book in bookFeed&quot;
    v-bind:key=&quot;book.id&quot;
    v-bind:title=&quot;book.node_title&quot;
    v-bind:body=&quot;book.body&quot;
    v-bind:path=&quot;book.path&quot;
    v-bind:coverimg=&quot;book.medium_img&quot; &gt;
  &lt;/my-book&gt;
  </code></pre>
  <p>In the template, I output the passed props for testing purposes. But what I can't do is assign coverimg as a URl to the img tag. Where is my mistake?</p>