本节是渐进式vue3的组件库通关秘籍的第六节 -- 基于自定义指令实现loading组件。基于vue3实现指令式和服务式调用的loading组件，实现了自定义指令v-loading和函数式的调用。

相信绝大多数的前端小伙伴就业初期或多或少都了解或使用过花裤衩大佬的vue-element-admin，部分小伙伴还看过框架配套的文章——手摸手撸后台系列。但很多小伙伴上来就用框架，很多实现方法都不了解

文件拖拽上传 实现思路 1、利用H5的拖拽事件，获取到拖进我们特定区域的文件数据（或者通过input元素获取文件）。 2、通过FileReader对象\FileList对象读取文件的文件流数据。 基础

TS DOM类型的声明 lib.dom.d.ts HTMLInputElement HTMLElement

前情提要 这篇文章将指导你如何部署Vue3+Nest项目。 服务器配置 我这里使用服务器配置是2核4G，应该2核2G也可以 Nest部署 因为我很多配置是使用宝塔的，所以下文很多部分我会使用宝塔进行部

在你还没有解决第二个需求的时候，又一个需求来了，第三个需求是不仅仅是注册页面需要用到这个消息弹框组件，在其他多个页面中也需要用到这个消息弹框组件。

先附上源码地址：https://github.com/cwjbjy/vite-vue-ts-seed 1. 初始化项目 1. node版本要求 使用node16以下版本在运行vue-tsc时会报错。n

为什么要升级到vue3.0 当将当前的技术栈从Vue 2.0升级到Vue 3.0时，有许多值得考虑的理由。以下是10个升级到Vue 3.0的理由： 更好的性能: Vue 3.0引入了一种全新的响应式系

Vue 是一个非常流行和强大的前端框架，它让我们可以用简洁和优雅的方式来构建用户界面。 但是，Vue 也有一些需要注意和掌握的细节和技巧。来看看这个单向数据流的问题如何解决呢