0 뷰 리서치

source: categories/study/vue-research/vue-research_0.md

0.1 Drag and Drop - Vue3 Project


npm init @vitejs/app

@vitejs/create-app is deprecated, use npm init vite instead

✔ Project name: … vue-drag-and-drop
✔ Select a framework: › vue
✔ Select a variant: › vue



npm install



cd vue-drag-and-drop
npm install



cd vue-drag-and-drop
npm run dev

drag and drop 구현시 필요 엘리먼트

  1. 드래거블 엘리먼트
  2. 드랍 엘리먼트

implementing D & D

  1. dragStart event
  2. drop event
  • 위 두가지 event.dataTransfer