title: Vue.js Issue: Prop doesn't change image v-bind:src
body: <p>I've been trying to pass a prop to a component, which is a URL to an image for Section component to update <code>v-bind:src</code> of dom <code>img</code> tag, but somehow the image does not show up.</p>
  
  <p>I can't see what's wrong. </p>
  
  <p>File: App.vue</p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;template&gt;
    &lt;div id="app"&gt;
      &lt;Section img="../assets/linux.png" /&gt;
    &lt;/div&gt;
  &lt;/template&gt;
  
  &lt;script&gt;
  import Section from "./components/Section.vue";
  
  export default {
    name: "app",
    components: {
      Section
    }
  };
  &lt;/script&gt;
  </code></pre>
  
  <p>File: Section.vue</p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;template&gt;
    &lt;div&gt;
      &lt;img :src="img" /&gt;
    &lt;/div&gt;
  &lt;/template&gt;
  
  &lt;script&gt;
  export default {
    props: {
      img: String
    }
  };
  &lt;/script&gt;
  </code></pre>