title: how can i add style to vue component
body: <p>I have this code. It is a component for a base64 file input. And it also supports drag and drop. I need styling for drag and drop. But it removes the style every time. After the render, style tag disappears and styles are not applied. How can I add style to this component?</p>
  
  <p>Thank you.</p>
  
  <pre><code>Vue.component('file-base64', {
      template:`
          &lt;div class="custom-file" style="padding:0;" @dragenter="ondragenter" @dragover="" @dragleave="ondragleave" @drop="ondrop"&gt;
              &lt;input :id="inputid" class="custom-file-input" type="file" @change="onChange" :multiple="multiple" /&gt;
              &lt;label :for="inputid" class="custom-file-label"&gt;{{label}}&lt;/label&gt;
              &lt;style&gt;
                  #{{inputid}} .fileuploaddrophover {height:auto; border:2px dotted gold;}
                  #{{inputid}} .fileuploaddrophover &gt; label {opacity: 0.5; filter:blue(5px);}
              &lt;/style&gt;
          &lt;/div&gt;
      `,
      data: function () {
          return {inputid:(function(){var x; do{x= "filebase64input"+Math.round(Math.random()*100000);} while(document.getElementById(x)) return x;})()};
      },
      props:{
          label:{type:String,default:"Drop or Choose file..."},
          multiple: {type: Boolean,default: false},
          done: {type: Function,default: () =&gt; {}}  
      },
      methods: {
          onChange(e){
              let files = e.target.files;  
              var allFiles = [];
              for (var i = 0; i &lt; files.length; i++){
                  let file = files[i];
                  let reader = new FileReader();
                  reader.readAsDataURL(file);
                  reader.onload = () =&gt; {
                      let fileInfo = {name: file.name,type: file.type,size: file.size,base64: reader.result.split(',')[1],file: file};
                      allFiles.push(fileInfo);
                      if(allFiles.length == files.length){
                          if(this.multiple) this.done(allFiles);
                          else this.done(allFiles[0]);
                      }
                  }
              }
          },
          ondragenter : function (e) {
              $("#"+this.inputid).parent().addClass('fileuploaddrophover');
          },
          ondragleave : function (e) {
              $("#"+this.inputid).parent().removeClass('fileuploaddrophover');
          },
          ondrop : function (e) {
              $("#"+this.inputid).parent().removeClass('fileuploaddrophover');
          },
      },
  });
  </code></pre>