Overview

Vue Select is a lightweight, zero-dependency, extensible Vue component designed to enhance the functionality of the HTML <select> element. Its feature-rich nature includes tagging, filtering, Vuex support, AJAX support, server-side rendering (SSR) support, and accessibility features.

Features

Tagging: Allows for tagging options in the select dropdown.
Filtering / Searching: Facilitates easy searching and filtering of options.
Vuex Support: Supports integration with Vuex for state management.
AJAX Support: Enables fetching data asynchronously for dynamic updates.
SSR Support: Compatible with server-side rendering for improved performance.
Accessible: Prioritizes accessibility features for a better user experience.
Customizable: Offers customization options through slots and SCSS variables.
Zero Dependencies: Maintains a lightweight design without external dependencies.

Vue 3 / Vue Select 4.x-beta

Install the beta version: vue-select@beta.

Import and register the component:

import VueSelect from 'vue-select';
Vue.component('vue-select', VueSelect);

Include separate CSS in your component.

Vue 2 / Vue Select 3.x

Install the package:
```
npm install vue-select@3
```

Import and register the component:

import VueSelect from 'vue-select';
Vue.component('v-select', VueSelect);

Include necessary CSS in your project.

Browser Usage

Refer to the documentation for loading Vue Select from a CDN.

Summary

Vue Select offers an enhanced select/dropdown/typeahead component for Vue applications, providing a range of features like tagging, filtering, Vuex support, and more. With a focus on accessibility and customization, Vue Select is a valuable tool for developers looking to improve the user experience of their select elements.

Sagalbot

Vue Select

Vue Sortable