Vue3.0实现拖拽布局
1、改变思路，不使用局部引入组件，使用全局引入组件。
2、该div元素应设置draggable=true属性来标识该元素可拖拽。为该div元素添加一个v-on：dragstart监听事件，该事件函数接收一个event参数。
3、特点 ： 封装了 v-dragging 全局指令，然后通过全局指令去数据绑定等。相比及 vuedraggable 来说， awe-dnd 是没有暴露双向绑定的方式，因此提供了事件，在拖拽结束的时候用来更新列表或者是去触发父组件监听的事件。
4、是一个轻量级、响应式的 JS 拖放库，由 Shopify 出品。它提供了高级的拖放功能，能够快速进行 DOM 重新排序，并且拥有清晰的 API 和访问标记。
vue3.0如何点击按钮弹出框
1、点击常用工具栏工具---自定义，在自定义工具栏中选中“退出设计模式”工具栏中就会出现设计图标，然后点击图标选中后直接DEL即可。
2、首先在vue的 .vue文件中加入 dialog模板el-dialog title=科室管理员新增 ：visible.sync=dialogFormVisible/el-dialog 在dialog的模板中加入 div以及样式表，显示你所需要显示的内容和样式。
3、在资源视图中（也就是那个resource）找到dialog，右键(看见那个insert点击它)新建dialog，命名随便你自己取，比如DLG，这个dialog就是你要点击后出来的对话框，楼主自己对这个对话框进行设计。
4、如果是弹出框，为什么要给每一个都加呢？正常应该是给每一个添加一个点击事件，在点击事件里调用弹框。
5、见下图。第二步，完成上述步骤后，在index.html的标记中，输入js代码，见下图。第三步，完成上述步骤后，浏览器运行index.html页面。 这时，单击按钮将弹出一个提示框，见下图。这样，以上的问题就解决了。
6、当点击姓名输入框时，要弹出弹窗在里面选择一个管理员的时候，此时输入框还可以输入字符，为了避免这种情况，应该在获取焦点时，弹出弹窗，然后调用失去焦点的方法。
【vue入门】vue安装方式
1、在命令行中运行命令 npm install -g vue-cli ，然后等待安装完成。通过以上三部，我们需要准备的环境和工具都准备好了，接下来就开始使用vue-cli来构建项目。
2、我们可以在官网 (vuex) 上直接下载 vuex 。
3、都是直接打开cmd用 npm install 方式安装，不需选择路径。安装cnpm：安装vue-cli：所以继续按照官方教程，安装vue 但是，还是不清楚vue该装在哪。。