[TOC] ## useDraggable 可移动元素 ``` <script setup lang="ts"> import { ref } from 'vue' import { useDraggable } from '@vueuse/core' const el = ref<HTMLElement | null>(null) // `style` will be a helper computed for `left: ?px; top: ?px;` const { x, y, style } = useDraggable(el, { initialValue: { x: 40, y: 40 }, }) </script> <template> <div ref="el" :style="style" style="position: fixed;cursor: move;border: 1px solid #ccc"> Drag me! I am at {{x}}, {{y}} </div> </template> ```