拖拽式插件是一種前端開發(fā)中經(jīng)常使用的技術(shù)。它能夠讓用戶通過鼠標拖拽界面元素來實現(xiàn)交互，提高用戶體驗。Vue.js作為一個流行的JavaScript框架，也有很多拖拽式插件可以供開發(fā)者使用。下面將介紹一些常用的Vue拖拽式插件。

第一個常用的Vue拖拽式插件是vuedraggable。vuedraggable是一種Vue.js的拖拽組件，它是基于Sortable.js庫和Vue.js的拖拽組件封裝而來的。通過引入這個插件，可以讓Vue.js應(yīng)用中的元素支持拖拽排序。

import draggable from 'vuedraggable'
Vue.component('draggable', draggable)

第二個常用的Vue拖拽式插件是vue-drag-resize。vue-drag-resize是一個可拖拽和調(diào)整大小的Vue.js組件，它采用TypeScript實現(xiàn)。它提供了一種靈活的方式來拖拽和調(diào)整組件大小，可以用于實現(xiàn)拖拽式的交互效果，比如改變頁面布局。

import VueDragResize from 'vue-drag-resize'
Vue.component('vue-drag-resize', VueDragResize)

第三個常用的Vue拖拽式插件是vue-draggable-resizable。vue-draggable-resizable是一個基于Vue.js的拖拽和調(diào)整大小組件，它允許用戶拖拽和調(diào)整大小的元素有多種選擇配置。它可以與其他Vue.js組件結(jié)合使用，比如Vue-router。

import VueDraggableResizable from 'vue-draggable-resizable'
Vue.component('vue-draggable-resizable', VueDraggableResizable)

以上是常用的三個Vue拖拽式插件。在實際開發(fā)中，根據(jù)具體需求，可以選擇合適的插件來實現(xiàn)拖拽式交互效果。另外，需要注意的是，在使用這些插件時，需要根據(jù)插件文檔提供的API接口和事件來實現(xiàn)相關(guān)功能。