JSFiddle - React, Tailwind, and code Playground
HTML
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"></script>
<script src="https://cdn.rawgit.com/wffranco/vue-strap/a357d4c32fab63ac700c4d5ba9087b634ed8a1ff/dist/vue-strap.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.1.6/vue.js"></script>
<div id="app">
<!-- using option component -->
<v-select v-model="value">
<v-option v-for="option in options" :value="option.value">{{ option.label }}</v-option>
</v-select>
</div>
JavaScript
new Vue({
el: '#app',
components: {
bsInput: VueStrap.input,
vOption: VueStrap.option,
vSelect: VueStrap.select
},
data: {
options: [{
value: 1,
label: 'value1'
},
{
value: 2,
label: 'value2'
}
],
},
});