main.js中全局注册

import { createApp } from 'vue'
import './style.css'
import App from './App.vue'
import DragHook from '../package/index'

createApp(App).use(DragHook).mount('#app')

App.vue

<DragHook originId="originId" >
    // 插槽的元素应该设置position: absolute，否则拖动无效
    <div id="originId" style="width: 100px;height: 100px;background-color: blue; position: absolute; padding: 10px;left: 0;top: 0;"></div>
</DragHook>

DragHook标签参数说明

originId: 拖动元素id

拖动区域：默认浏览器可视窗口。可以通过以下两个props参数，调节拖动范围：

boundaryY：拖动区域高度

boundaryX：拖动区域宽度

npm i drag-hook