元素拖拽是一个比较典型的前端学习案例，需要对 JavaScript 的事件有一定的了解，我也是在最近的工作中才重新拾起了这块内容，通过在 Vue3 这种声明式编程风格的框架中把元素拖拽一次讲清楚。

Draggable为基于Sortable.js的vue组件，用以实现拖拽功能。 定义一个json串 list，实现它的拖拽排序。 使用标题插槽在vuedraggable组件中添加不可拖动的元素。它应该与draggable选项一起使用来标记draggable元素。请注意，无论标题…

Vue部分选择题知识点，摘抄来自牛客前端Vue专项训练的选择题，内容或许并不完整，但也整理出来供自己复习了。

provide/inject用法，自定义v-model用法，Vue事件总线用法，render函数用法

目前大多数PC端应用都有配套的移动端APP，如微信，淘宝等，通过使用手机APP上的扫一扫功能去扫页面二维码图片进行登录，使得用户登录操作更方便，安全，快捷

摆脱了书写声明式的代码，用起来很流畅，提升不少效率，封装可复用逻辑，将 UI 和逻辑分离，提高复用性，view 层代码展示更清晰，少去了很多配置，使用起来更便捷

ref 属性是 Vue2 和 Vue3 中都有的，但是使用方式却不大一样，这也导致了很多从 Vue2 转到 Vue3 的小伙伴感到有些困惑，在此将Vue3中dom操作常见的几种方式进行一下总结。

相信用过vue的小伙伴，肯定被面试官问过这样一个问题：在vue中动态的引入图片为什么要使用require 有些小伙伴，可能会轻蔑一笑：呵，就这，因为动态添加src被当做静态资源处理了，没有进行编译，所

要说今年最热门的前端技术，Vue3 和 TS 绝对榜上有名了。据了解，已经有很多公司在使用 Vue3 + TS + Vite 开发新项目了。那么我们也不能落后，今天就给大家分享一下如何在 Vue3