How to use vuedraggable - 2 common examples

Vue.prototype.$exportFile = exportFile
/**
 * @author xuanzai
 * @description 全局通用配置
 */
Vue.prototype.defaultConfig = DefaultConfig
// 引入markdown编辑器组件
Vue.use(mavonEditor)
// 引入树状选择器组件
Vue.component('treeselect', Treeselect)
// 引入表单生成器
Vue.use(FormMaking)
// 引入表单生成器富文本
Vue.use(VueEditor)
// 引入拖拽列表组件
Vue.component(draggable.name, draggable)

Vue.config.productionTip = false

Quill.register('modules/imageUpload', ImageUpload);
    Quill.register(Quill.import('attributors/class/color'), true);
    Quill.register(Quill.import('attributors/class/align'), true);
    Quill.register(Quill.import('attributors/class/size'), true);

    Vue.use(require('bootstrap-vue').default);
    Vue.use(require('vue-quill-editor').default);
    Vue.use(require('vue-datetime').default);

    Vue.prototype.sanjabTrans = sanjabTrans;
    Vue.prototype.numberFormat = numberFormat;
    Vue.prototype.$sanjabStore = store;

    Vue.component('vue-bootstrap-typeahead', require('vue-bootstrap-typeahead').default);
    Vue.component('tags-input', require('@voerro/vue-tagsinput').default);
    Vue.component('draggable', require('vuedraggable').default);

    let chartTypes = {'bar-chart': VueChartJs.Bar,'horizontal-bar-chart': VueChartJs.HorizontalBar,'doughnut-chart': VueChartJs.Doughnut,'line-chart': VueChartJs.Line,'pie-chart': VueChartJs.Pie,'polar-area-chart': VueChartJs.PolarArea,'radar-chart': VueChartJs.Radar,'bubble-chart': VueChartJs.Bubble,'scatter-chart': VueChartJs.Scatter};

    for (let i in chartTypes) {
        Vue.component(i, chartJsComponent(chartTypes[i]));
    }

    const files = require.context('./components/', true, /\.vue$/i);
    files.keys().map(key => Vue.component(key.split('/').pop().split('.')[0], files(key).default));
}
export default SanjabPlugin;