title: Add new tags to vue-select
body: <p>In the vue-select vuejs component, if you see on their demo page, you can select multiple items from the dropdown. However, if you type something that is not available in the dropdown, then you can just type that new text and press enter and it will become a tag. You can see this behavior here on their demo page:</p>
  
  <p><a href="https://sagalbot.github.io/vue-select/" rel="nofollow noreferrer">https://sagalbot.github.io/vue-select/</a></p>
  
  <p>However, I am unable to do this. I am able to select from the drop down, but if I type something new, then that doesn't become a tag. I have this jsbin showing what I've done. Any help is appreciated.</p>
  
  <p><a href="http://jsbin.com/xoxohenoli/edit?html,js,output" rel="nofollow noreferrer">http://jsbin.com/xoxohenoli/edit?html,js,output</a></p>
  
  <p>My Javascript:</p>
  
  <pre><code>Vue.component('v-select', VueSelect.VueSelect);
  
     new Vue({
        el: '#app',
        data: function() {
          return {
            options: ["A","B"],
            placeholder: 'Choose a country..',
          }
        },
  
      });
  </code></pre>
  
  <p>My HTML:</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;head&gt;
  &lt;script src="http://unpkg.com/vue@2.1.10"&gt;&lt;/script&gt;
  &lt;script src="http://unpkg.com/vue-select@2.0.0"&gt;&lt;/script&gt;
  &lt;link href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet" type="text/css" /&gt;  
    &lt;meta charset="utf-8"&gt;
    &lt;meta name="viewport" content="width=device-width"&gt;
    &lt;title&gt;JS Bin&lt;/title&gt;
  &lt;/head&gt;
  &lt;body&gt;
    &lt;div id="app" class="container-fluid"&gt;
      &lt;h2&gt;VueSelect Basic Example&lt;/h2&gt;
      &lt;v-select :placeholder="placeholder" 
                multiple 
                :options="options"&gt;&lt;/v-select&gt;
    &lt;/div&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>