About #

Vue3 DnD is a Vue developed based on React DnD Composition-api Version. We will try our best to ensure that it is consistent with the functionality of React DnD, and you can even consider this document as part of React DnD's documentation (except, of course, the dependency part of react hooks api).

Install #

# Install
pnpm install vue3-dnd react-dnd-html5-backend
# or
npm install vue3-dnd react-dnd-html5-backend
# or
yarn add vue3-dnd react-dnd-html5-backend
copy success
copy

react-dnd-html5-backend is a [React DnD](https://react-dnd.github.io/react -dnd/about) plugin which provides an HTML5 drag and drop support; you can also use [react-dnd-touch-backend](https://www.npmjs.com/package/react-dnd-touch- backend) provides touch drag and drop support.

Features #

Composition API #

Based on Vue's composition API, you can use drag and drop in any component.

Two-way data binding #

Based on Vue's two-way data binding, you can automatically update the UI when the data is updated.

Support Vue2 and Vue3 #

Support both Vue2 and Vue3 versions

Extensions and tests #

Benefiting from React DnD's backend design, you can customize a DnD backend and test it with react-dnd-test-backend Your drag and drop component.

Questions and suggestions #

You can submit an issue or pull request on GitHub.

Thanks #

Thanks to the authors of React DnD whose open source project is our foundation.

Thanks to designer Wang Heng for the logo.