这几天 Vue 3.0 Beta 版本发布了，本以为是皆大欢喜的一件事情，但是论坛里还是看到了很多反对的声音。主流的反对论点大概有如下几点： 在我看来，Vue 黑暗的一天还远远没有过去，很多人其实并没有认真的去看 Vue-Composition-Api 文档中的 动机 章节，本…

1. 1 什么是WebPack webpack 是一个现代 JavaScript 应用程序的静态模块打包工具：它做的事情是，分析你的项目结构，找到JavaScript模块以及其它的一些浏览器不能直接运行的拓展语言（Scss，TypeScript等），并生成一个或多个 bundl…

用于对象解构的 rest 操作符(...)。目前，这个操作符只能在数组解构和参数定义中使用 对象字面量中的 spread 操作符(...)。目前，这个操作符只能用于数组字面量和在函数方法中调用。 在对象解构模式下，rest 操作符会将解构源的除了已经在对象字面量中指明的属性之外…

写Vue有很长一段时间了，除了常规的业务开发之外，也应该思考和反思一下封装组件的正确方式。以弹窗组件为例，一种实现是在需要模板中引入需要弹窗展示的组件，然后通过一个flag变量来控制弹窗的组件，在业务代码里面会充斥着冗余的弹窗组件逻辑，十分不优雅。 本文整理了开发Vue组件的一…

首先，我们得明确一点，所谓的 virtual dom，也就是虚拟节点。它通过 JS 的 Object 对象模拟 DOM 中的节点，然后再通过特定的 render 方法将其渲染成真实的 DOM 节点。 其次我们还得知道一点，那就是 virtual dom 做的一件事情到底是啥。我…

一直都听说DOM很慢，要尽量少的去操作DOM，于是就想进一步去探究下为什么大家都会这样说，在网上学习了一些资料，这边整理出来。 首先，DOM对象本身也是一个js对象，所以严格来说，并不是操作这个对象慢，而是说操作了这个对象后，会触发一些浏览器行为，比如布局（layout）和绘制…

webpack4与vue2.6已经出来一段时间了，忙于业务一直没有时间做升级，cli又不能满足业务上的需求，决定抛弃脚手架手撸一个最新的基于vue的webpack项目。 一系列操作之后，package包出现了，我们先下载关于webpack的依赖包，输入指令。 7、配置html。…

第三种对象默认支持 4 种属性，并且都是非必填的。可以随意使用 在不定义 props 类型的情况下 props 接受到的均为 String。 $attrs 会获取到 props 中未定义的属性（class 和 style 属性除外）,支持响应式。常用的场景有俩种： 组件嵌套组件…

说明：这篇文章，之前发的是尤大 6 月的 vue 的 PPT，评论区有人说不友善，我索性就只留下了几个技术文档。