1. 如何学习调试 vue2 源码 2. data 中的数据为什么可以用 this 直接获取到 3. methods 中的方法为什么可以用 this 直接获取到 4. 学习源码中优秀代码和思想，投入到

本文已参加评论抽周边礼物活动，掘金徽章*2，评论相关内容即可参与抽奖 [查看详情](https://juejin.cn/post/7000643252957216782 "https://juejin

在前一篇文章——聊一聊实现Vue路由组件缓存遇到的’坑‘中遇到的vue路由组件缓存问题已经解决并对项目进行了适当的优化改进，但是并未开探寻究vue-router的源码，这篇就继续上次的话题，深入分析vue-router源码中对导航守卫、动态参数匹配、过渡效果和异步组件等的实现。…

上月立过一个 flag，看完 vue-router 的源码，可到后面逐渐发现 vue-router 的源码并不是像很多总结的文章那么容易理解，阅读过你就会发现里面的很多地方都会有多层的函数调用关系，还有大量的 this 指向问题，而且会有很多辅助函数需要去理解。但还是坚持啃下来…

指令(directive)在 vue 开发中是一项很实用的功能，指令可以绑定到某一元素或组件，使功能的颗粒度更精细。今天在翻 element-ui 的源码时，发现一个还挺实用的工具指令，跟大伙分享一下。 该指令的源码在 src/utils 下的 clickoutside.js。…

在组件有了之后，我们需要对组件进行整合，在packages文件夹下创建index.js入口文件对组件进行整合。 我们需要测试ui渲染后的结果。需要在浏览器中测试,所有需要使用Karma 请教了大佬，回复是：因为用到window变量了，最好引入时单独逐一引入，就是当是开发的时候可…

vite是尤大大在今年新鼓捣出来的一个工具，尤大大对vite的描述是这样的: Vite is an opinionated web dev build tool that serves your code via native ES Module imports during …

近日，在做活动页的过程中遇到两层吸顶的需求，并且要兼容 IE9 及以上的浏览器。乍一看不就是个吸顶嘛，应该不难吧，事实证明还是踩了很多坑才出来。兼容性问题多到吐血，我太难了。废话不多说，先看一下两层吸顶的最终实现效果，如下图所示。 功能点：两层吸顶，因为 Tabs 区域比较长所…

前言时间日历控件无论在Pc端还是移动端，都是十分重要且有用的一个组件，最近重拾了自己的UI库，按照ElementUI的组件种类，以Pc端为核心进行组件开发【适配Vue+Less】，目前项目已有近20个