eval模式，构建速度很快，可以得到错误在源代码中的行列，但是无法查看具体的行列信息， 因为它无法查看源代码，只能查看转换后的代码。 cheap-module-eval-source-map 和 cheap-eval-source-map 类似，但是是loader转换之前的源文…

上一篇文章我们分析了 Layout 布局组件的设计和实现，它的应用场景通常是局部布局。对于整个页面的布局，element-ui 提供了 Container 布局容器组件，专门用于 PC 管理后台页面的整体布局。 我们先通过几幅图看一下页面的常见布局。 这两张图的布局在后台系统中…

首先，我们都知道 Vue 或者 React 得以高效更新的一个核心是使用了 virtual dom（下面称 vdom），当有数据变动的时候，通过对组件新旧 vdom 的 diff 操作，计算出需要实际修改的 DOM 节点然后进行增删改操作。从这可以知道，diff 的准确性和性能…

如果你对上面存在问题存在疑问，或者下面的内容，可以帮助到你一点点。 我们可以在很多地方应用了这个文件去参与Webpack、nodejs脚本的自动化构建流程，比如自动生成文件、自动生成多入口等等。。 一个组件库，最重要的是组件库的源码。 ElementUI的组件库源码主要存在于p…

正文开始之前，先预览一个生产环境的setup 示例，以示这是一个生产环境可用的标准特性。 在Function-based API文章里说得很清楚了，setup API 受 React Hooks 的启发，提供了一个全新的逻辑复用方案，能够更好的组织逻辑，更好的在多个组件之间抽取…

vue3🔥是用typescript实现的, 所以我认为他的源码是我们学习tyepscript的最佳实践, 下面我就用他源码中的实例让大家学会使用typescript的"is"特性. 是一种类型推断表达式的关键字, 通过和函数返回值的比较, 从而"缩小"参数的类型范围. 😠看…

花了400大洋买了frontedmasters的一个月的会员，就是为了看男神的这份vue教程，没有中文字幕，痛苦地坚持啃完了，建议有钱并且英语好的人直接买会员去官网看视频，尤大神人长得帅，业务水平高，英语还超苏，对不起，忍不住犯了会儿花痴，如果没钱英语又渣的人只能看我的总结了，…

在上一篇文章Vue 3.0 前瞻，体验 Vue Function API，笔者通过尝试vue-function-api，提前体验了Vue 3.0 即将发布的函数式API，在文章最后，笔者提出了一些思考。最近，Vue 官方发布了最新的3.0 API 修改草案，并在充分采纳社区的意…

不过使用起来并不是很方便，如每个使用的地方需要引入该组件，需要注册，需要给组件加ref引用，需要调用事件来控制状态。其实这个组件相对来说是比较独立的，我们在使用组件库的时候，相信都有调用过命令式弹窗组件的经历，今天我们就来搞懂这种命令式组件的实现原理，以及将这个精美的弹窗组件改…