Recently, I've started integrating Vuejs into my existing laravel application. Although it's a new experience for me, I'm excited to learn more about it.
One feature that caught my eye is this component: A multiselect with search-autocomplete functionality.
Once I executed the command:
npm install vue-multiselect@next --save
The component directory was added to my node_modules, and I updated the package.json file with the dependency vue-multiselect.
Now, I find myself at a crossroads on how to proceed and actually utilize this component within one of my views.
I realize that traditional web installation methods won't work here; using require or import keywords in common js is not an option.
Getting Started
HTML
<multiselect v-model="value" :options="options">
JavaScript
import Multiselect from 'vue-multiselect'
// Register globally
Vue.component(Multiselect)
export default {
// Alternatively, register locally
components: { Multiselect },
data () {
return {
value: null,
options: ['list', 'of', 'options']
}
}
}
What would be the correct step-by-step approach to set up and effectively implement this component?