How to import component locally in vuejs

Example How to import component locally in vuejs:

 import draggable from 'vuedraggable'
  ...
  export default {
        components: {
            draggable,
        },
  ...

Example How to import component Global in vuejs:

import Vue from 'vue'

import VueDraggable from 'vue-draggable'

Vue.use(VueDraggable)

These components are globally registered. That means they can be used in the template of any root Vue instance (new Vue) created after registration. For example:

Vue.component('component-a', { /* ... */ })
Vue.component('component-b', { /* ... */ })
Vue.component('component-c', { /* ... */ })

new Vue({ el: '#app' })

<div id="app">
  <component-a></component-a>
  <component-b></component-b>
  <component-c></component-c>
</div>