开发过程中可能会遇到两个疑问：为什么绑定drop 事件后上传不了或者浏览器会直接打开拖拽的文件？为什么将拖拽的元素放在dragleave绑定的模块子元素上时dragleave事件会被反复触发？此篇文章都有解决

WebSocket、Socket.IO和流式接口是三种实时通信代码示例见文章内部

vuedraggable插件的，在vue3中使用会莫名其妙的报错，即使按照官网的v3用法也无法解决，后面又找到一个适合v3使用的vue-draggable-next插件，用法跟v2版本的vuedraggable插件一致，几乎不需要改什么，直接上代码吧：

请注意，这个命令是针对Windows PowerShell的。如果你使用的是其他类型的终端（如Linux的bash或Mac的zsh），你可能需要调整命令以适应你的终端环境。例如，如果文件保存在。

开发过程中可能会遇到两个疑问：为什么绑定drop 事件后上传不了或者浏览器会直接打开拖拽的文件？为什么将拖拽的元素放在dragleave绑定的模块子元素上时dragleave事件会被反复触发？此篇文章都有解决

1.vite-plugin-vue-setup-extend让v3的setup语法糖增强；2.unplugin-auto-import让API自动导入，可以让vue-router中的createRouter，createWebHashHistory，createWebHistory等API直接写在setup内。可以让vueAPI里面的ref,reactive,watch,watchEffect等等

这意味着当mockjs匹配到‘/mock/tableDataOne’这个路径时，就会返回对象中的数据。5.在.vue文案中引入request并发送请求(这里在mouted中做了简单的测试使用)第5步在.vue文件的mounted中使用封装的request发送一个新的请求。2.在vue文件src下新建mock文件夹与内部mock.js 文件。在后端接口未开发完成情况下，前端自己模拟接口返回的数据。3

1.挂在阶段监听el-table的scroll滚动事件2. 当table表格滚动条的位置+调试的固定高度+要显示数据的高度>=el-table-body(当前加载出的table数据总高度)时就可以向table数据源中push进新的数据了

Failed to load module script: Expected a JavaScript module script but the server responded with a MIME type of "text/html". Strict MIME type checking is enforced for module scripts per HTML spec.vue3+