You have two ways available to make a third party component available to your custom Vue component:
1. Import (ES6) and use locally
In your component's script block, put this on top:
import { ServerTable, ClientTable, Event } from 'vue-tables-2'
In your component VM, add this to the components
property:
export default {
data () {
return { /* data properties here */ }
},
components: {
ServerTable, ClientTable, Event
}
}
You can now use the <v-server-table>
, <v-client-table>
etc in your component template.
2. Import (ES6) globally in your application entry point:
import { ServerTable, ClientTable, Event } from 'vue-tables-2'
Then make those parts of vue-tables-2 that you application repeatedly needs available to your main Vue file and all child components:
Vue.use(ClientTable, [options = {}], [useVuex = false], [theme = 'bootstrap3'], [template = 'default']);
Or/And:
Vue.use(ServerTable, [options = {}], [useVuex = false], [theme = 'bootstrap3'], [template = 'default']);