背景：最近把装饰器用在了vue2.6中，发现代码量和复杂度减少了很多，我们先来看一下什么是装饰器，引用了其他人总结的一句话。 先从一个简单需求说起，比如要知道一个方法是否正在执行中、是否执行成功和是否执行异常，正常会如下这个。 接下来开始输出一些对代码有意义的了，继续往下看。 …

马上到了金三银四的时间，很多公司开启了今年第一轮招聘的热潮，虽说今年是互联网的寒冬，但是只要对技术始终抱有热情以及有过硬的实力，即使是寒冬也不会阻挠你前进的步伐。在面试的时候，往往在二面，三面的时面试官会结合你的简历问一些关于你简历上项目的问题，而以下这个问题在很多时候都会被问…

前言 本文整理了高频出现的 Vue 相关面试题并且附带详解答案 难度分为简单 中等 困难 三种类型 大家可以先不看答案自测一下自己的 Vue 水平哈

这段脚本执行我们猜测会依次打印：1、2、3。但是实际效果中，只会输出一次：3。为什么会出现这样的情况？我们来一探究竟。 我们定义watch监听msg，实际上会被Vue这样调用vm.$watch(keyOrFn, handler, options)。$watch是我们初始化的时候…

在做项目的时候，我们经常会用到nextTick，简单的理解就是它就是一个setTimeout函数，将函数放到异步后去处理；将它替换成setTimeout好像也能跑起来，但它仅仅这么简单吗？那为什么我们不直接用setTimeout呢？让我们深入剖析一下。 记得之前有一个需求，就是…

利用 Axios 提供的 CancelToken 结合队列来实现。（队列中存放的是当前请求的信息（自定义的一些规则，来判断是否是同一个请求）和取消函数） 类似这种取消请求，其实服务端是有收到的，只是浏览器层面做了一层处理等不到响应而已。 为了方便开发过程中减少模版的编写，将表格…

交错列表稍微复杂点，不过我们可以分解为两个动画。 每个复杂的动画其实都是很多简单小动画的拼接，所以下次设计师拿来充满想象力的动画设计稿，先别急着掏菜刀，仔细分析下动画的组成部分，可能也没有那么难。 想在动画上根据不同的dom设置不同的动画延迟是十分困难的，但是我们可以很方便的给…

本篇文章由阅读《Vue.js应用测试》书籍、学习《Vue Test Utils》官网知识以及实际工作经验总结而来，阅读书籍请支持正版。 前端应用程序主要编写三种测试类型：单元测试、快照测试、端到端测试。本篇文章着重介绍Vue组件的单元测试和快照测试，对于端到端测试请自行搜索相关…

Vue 组件千千万，只要不行咱就换。 我的答案是：耐心等待更新，不要着急不要惊慌，团队核心成员依然在进行项目的更新，下一代 Element Plus https://github.com/element-plus/element-plus 也在持续迭代中。 先抛开大不大厂不说，…