说到元素拖拽，通常都会先想到用 HTML5 的拖拽放置 (Drag 和 Drop) 来实现，它提供了一套完整的事件机制，看起来似乎是首选的解决方案，但实际却不是那么美好，主要是它的样式太过简陋

内容UI组件开发框架实用库服务端辅助工具应用实例Demo示例UI组件element★13489-饿了么出品的Vue2的webUI工具套件Vux★8133-基于Vue和WeUI的组件库iview★663

![效果](https://p1-jj.byteimg.com/tos-cn-i-t2oaga2asx/gold-user-assets/2019/4/30/16a6d0d2ab53f640~tplv

框架粗略对比，### 一、全景图 来自大圣老师的开课吧网课中的截图 ![](https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/0ca482b52a07

30. 举一个$attrs 和 $listeners 的应用场景 比如，有 A、B、C 三个组件，调用关系如下： A -> B -> C B 调用 C 时，在 C 上写`$attrs`和`$list

以我的方式分享一下，我们在开发中，需要后端提供api接口，然后拿到接口去遍历生成数据，渲染到页面上显示。在有的时候，还没拿到后端提供的接口时，前端可以自己模拟后台制作简单的json格式数据

本来不想写这些话的，翻文章的时候翻到了几年前写的一篇旧文，里面记录了我为什么做开源项目，忽然被那时的自己感动了，于是有了下面这些话，希望大家看一看。 写了几年的博客，也做了不少开源项目，最令我感动的不是“牛逼”、“厉害”、“大佬”这样的评价，因为我不牛逼，我也不是大佬，我更喜欢…

给各位小伙伴们分享一些常用的Vue3新特性、新增了哪些方法、哪些方法更改写法、废弃了哪些方法等，一文带你搞懂

从 0 开始手把手带你搭建一套基于 Vite + Vue3 + TypeScript 规范的前端工程化项目环境，涵盖代码规范约束、提交信息规范约束、单元测试、自动部署等。