何东艳

大家好😁。 上上周，我们在例会上送别了团队里的一位技术大牛，阿K。 说实话，阿K 的技术底子很强。他能手写 Webpack 插件，熟读 ECMA 规范，对 Chrome 的渲染管线了如指掌。 但最终，

今天要和大家分享如何让你的Vue组件像乐高积木一样灵活多变，适配各种业务场景！ 一、组件设计的"黄金法则" 1. 开闭原则：对扩展开放，对修改关闭

将一个vue2的项目升级到vue3，记录一下升级过程。  1、创建一个vue3的项目 使用命令：vue create projectName，按照提示进行创建。 2、安装依赖

节流就好比游戏里面英雄的普通攻击，在限制一定时间点击多次，也只能攻击一次;防抖就好比游戏里面的回城，如果在回城时间内再次触发事件（回城被打断），则会重新计算回城时间。

全网”保姆级“大文件上传超详细教程，有Vue2跟Vue3版本搭配Node，切片上传 + 断点续传 + 秒传 + 暂停上传。学完后直接狂虐甲方！

这节课，我们来看下 Vue3 中的 $attrs 属性。首先，我们会介绍它的用途以及它的实现与 Vue2 有哪些不两同点，并通过事例来加深对它的理解。 真正理解了 $attrs 属性有助于我们构建易于

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

我曾经一度很迷茫，在学了 Vue、React 的实战开发和应用以后，好像遇到了一些瓶颈，不知道该怎样继续深入下去。相信这也是很多一两年经验的前端工程师所遇到共同问题，

1. 导航守卫：拦截组件 next: Function: 一定要调用该方法来 resolve 这个钩子。执行效果依赖 next 方法的调用参数。 next(): 进行管道中的下一个钩子。如果全部钩子执行完了，则导航的状态就是 confirmed (确认的)。 next(fals…