title: Vue JS pass data via link to component
body: <p>within a component I have a select input. Depending on what was selected, an upload input displays.</p>
  
  <pre><code>&lt;div class="form-group"&gt;
      &lt;select class="custom-select" id="uploadType" v-model="uploadType"&gt;
          &lt;option value=""&gt;Please select...&lt;/option&gt;
          &lt;option value="1"&gt;Image&lt;/option&gt;
          &lt;option value="2"&gt;PDF&lt;/option&gt;
          &lt;option value="3"&gt;Text&lt;/option&gt;
      &lt;/select&gt;
  &lt;/div&gt;
  &lt;div class="form-group" v-if="uploadType == '1'"&gt;
      &lt;uploader :options="options" ref="uploader" file-success="fileSuccess" @file-error="fileError"&gt;
          &lt;uploader-drop&gt;
              &lt;uploader-btn :attrs="attrs1" :single=true&gt;select files&lt;/uploader-btn&gt;
          &lt;/uploader-drop&gt;
      &lt;/uploader&gt;
  &lt;/div&gt;
  &lt;div class="form-group" v-if="uploadType == '2'"&gt;
      &lt;uploader :options="options" ref="uploader" @file-success="fileSuccess" @file-error="fileError"&gt;
          &lt;uploader-drop&gt;
              &lt;uploader-btn :attrs="attrs2" :multiple=true&gt;select files&lt;/uploader-btn&gt;
          &lt;/uploader-drop&gt;
      &lt;/uploader&gt;
  &lt;/div&gt;
  &lt;div class="form-group" v-if="uploadType == '3'"&gt;
      &lt;uploader :options="options" ref="uploader" @file-success="fileSuccess" @file-error="fileError"&gt;
          &lt;uploader-drop&gt;
              &lt;uploader-btn :attrs="attrs3" :single=true&gt;select files&lt;/uploader-btn&gt;
          &lt;/uploader-drop&gt;
      &lt;/uploader&gt;
  &lt;/div&gt;
  
  &lt;script&gt;
      import uploader from 'vue-simple-uploader'
  
      export default {
          data() {
              return {
                  uploadType: '',
                  options: {
                      target: 'upload'
                  },
                  attrs1: {
                      accept: '.jpg'
                  },
                  attrs2: {
                      accept: '.pdf'
                  },
                  attrs3: {
                      accept: '.txt'
                  }
              }
          },
          methods: {
              fileSuccess (rootFile, file, message) {
                  console.log(message)
              },
              fileError (rootFile, file, message) {
                  console.log(message)
              }
          }
      }
  &lt;/script&gt;
  </code></pre>
  
  <p>Now obviously that is messy, I am repeating code which isn't great.  Also, the select is no longer really needed.  Instead, within another page, I have a links like so  </p>
  
  <pre><code>&lt;router-link to="/uploadFile" tag="a" class="btn navbar-btn" exact&gt;
      Upload Image
  &lt;/router-link&gt;
  
  &lt;router-link to="/uploadFile" tag="a" class="btn navbar-btn" exact&gt;
      Upload PDF
  &lt;/router-link&gt;
  
  &lt;router-link to="/uploadFile" tag="a" class="btn navbar-btn" exact&gt;
      Upload Text
  &lt;/router-link&gt;
  </code></pre>
  
  <p>What I wanted to try is send the type (image, pdf or text) via the clicked link.  Within the upload component, I could then somehow set this dynamically to the uploadType.  I would 
  also need to make the second upload allow multiples, as well a change the accepted types.  </p>
  
  <p>Is there any way I can do this through the links?  Quite hard to explain, but I am basically trying to make my upload component reusable.  I almost need something like props, but for a link?</p>
  
  <p>Thanks</p>