Yarn / NPM
Install with yarn:
yarn add vue-select # or, using NPM npm install vue-select
Then, import and register the component:
import Vue from 'vue' import vSelect from 'vue-select' Vue.component('v-select', vSelect)
The component itself does not include any CSS. You'll need to include it separately:
Alternatively, you can import the scss for complete control of the component styles:
In the Browser
vue-select ships as an UMD module that is accessible in the browser. When loaded
in the browser, you can access the component through the
global variable. You'll need to load Vue.js, vue-select JS & vue-select CSS.
<!-- include VueJS first --> <script src="https://unpkg.com/vue@latest"></script> <!-- use the latest vue-select release --> <script src="https://unpkg.com/vue-select@latest"></script> <link rel="stylesheet" href="https://unpkg.com/vue-select@latest/dist/vue-select.css"> <!-- or point to a specific vue-select release --> <script src="https://firstname.lastname@example.org"></script> <link rel="stylesheet" href="https://email@example.com/dist/vue-select.css">
- If you're on Vue
1.x, use vue-select
1.xbranch has not received updates since the 2.0 release.