title: VueJS - Multiselect -- Getting errors when trying to implement the basic example
body: <p>I'm trying to implement the very basic example given on their website and my code is below:</p>
  
  <pre><code>&lt;template&gt;
  
       &lt;multiselect v-model="value"
          :options="options"
          :multiple="true"
          :close-on-select="false"
          :clear-on-select="false"
          :hide-selected="true"
          placeholder="Pick some"
          label="name"
          track-by="name"&gt;
        &lt;/multiselect&gt;
  
  &lt;/template&gt;
  
  
  &lt;script&gt;
  
  import Multiselect from 'vue-multiselect'
  
  export default {
  components: {
    Multiselect
  },
  data () {
    return {
      value: [
        { name: 'Vue.js', language: 'JavaScript' }
      ],
      options: [
        { name: 'Vue.js', language: 'JavaScript' },
        { name: 'Adonis', language: 'JavaScript' },
        { name: 'Rails', language: 'Ruby' },
        { name: 'Sinatra', language: 'Ruby' },
        { name: 'Laravel', language: 'PHP' },
        { name: 'Phoenix', language: 'Elixir' }
      ]
    }
  }
  }
  
  &lt;/script&gt;
  </code></pre>
  
  <p>This is compiling fine, however, when running in the browser, I'm getting the following warnings/errors:</p>
  
  <p><code>[Vue warn]: Invalid prop: type check failed for prop "key". Expected String, got Boolean.</code> </p>
  
  <p><code>"key" is a reserved attribute and cannot be used as component prop.</code></p>
  
  <p><code>app.js:964 TypeError: this.$options.filters.filterBy is not a function</code></p>
  
  <p><code>this.$options.filters.filterBy is not a function</code> </p>
  
  <p>I don't know what's causing these issues as I'm just using the example that is given on the website. </p>
  
  <p>Here is my package.json file: </p>
  
  <pre><code>{
    "private": true,
    "scripts": {
      "dev": "npm run development",
      "development": "cross-env NODE_ENV=development node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js",
      "watch": "cross-env NODE_ENV=development node_modules/webpack/bin/webpack.js --watch --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js",
      "watch-poll": "npm run watch -- --watch-poll",
      "hot": "cross-env NODE_ENV=development node_modules/webpack-dev-server/bin/webpack-dev-server.js --inline --hot --config=node_modules/laravel-mix/setup/webpack.config.js",
      "prod": "npm run production",
      "production": "cross-env NODE_ENV=production node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js"
    },
    "devDependencies": {
      "axios": "^0.15.3",
      "babel": "^6.0.0",
      "babel-core": "^6.0.0",
      "babel-loader": "^6.0.0",
      "babel-preset-es2015": "^6.24.1",
      "bootstrap-sass": "^3.3.7",
      "cross-env": "^3.2.3",
      "jquery": "^3.1.1",
      "laravel-mix": "^0.11.3",
      "lodash": "^4.17.4",
      "vue": "^2.1.10",
      "webpack": "^2.4.1"
    },
    "dependencies": {
      "css-loader": "^0.28.0",
      "glob": "^7.1.1",
      "gulp": "^3.9.1",
      "laravel-echo": "^1.3.0",
      "node-sass": "^4.5.2",
      "style-loader": "^0.16.1",
      "vue-multiselect": "^1.1.4",
      "vue-resource": "^1.3.1",
      "vue-toasted": "^1.0.27",
      "vuex": "^2.3.1"
    }
  }
  </code></pre>