title: How can I use this component in a single component in Vue.js?
body: <p>I am beginner of Vue.js.
  I am trying to use a plugin called vue-base64-file-upload in a single component in VueCLI. However, it doesn't work in index.vue...</p>
  
  <p>I have just changed the example (<a href="https://github.com/dhhb/vue-base64-file-upload" rel="nofollow noreferrer">https://github.com/dhhb/vue-base64-file-upload</a>) to this.</p>
  
  <pre><code>        &lt;template&gt;
             &lt;div class="container"&gt;
             &lt;h2&gt;Upload file&lt;/h2&gt;
             &lt;vue-base64-file-upload 
             class="v1"
             accept="image/png,image/jpeg"
             image-class="v1-image"
             input-class="v1-input"
             :max-size="customImageMaxSize"
             @size-exceeded="onSizeExceeded"
             @file="onFile"
             @load="onLoad" /&gt;
             &lt;/div&gt;
          &lt;/template&gt;
  
          &lt;script&gt;
          import VueBase64FileUpload from 'vue-base64-file-upload';
  
          export default {
             data () {
                   return {
                      customImageMaxSize: 3 // megabytes
                 };
              },
             components: {
                 VueBase64FileUpload
               },
             methods: {
                onFile(file) {
                console.log(file); // file object
                },
  
                onLoad(dataUri) {
                console.log(dataUri); // data-uri string
                },
  
                onSizeExceeded(size) {
                alert(`Image ${size}Mb size exceeds limits of 
                ${this.customImageMaxSize}Mb!`);
                }
             },
          };
          app.$mount('#app');
  </code></pre>