AquamanTrident

在开发过程中，我们对这两个属性已经非常熟悉了：computed和watch。但是究其实现原理，或者说二者到底有何区别，以及什么时候使用计算属性，什么时候使用侦听属性，相信有...

前面的章节介绍了Vue.js是如何实现数据渲染和组件化的，主要是一个初始化的过程，并没有涉及到数据变化影响DOM变化的部分。而这也是Vue的核心之一。接下来我们就来探讨Vu...

在开发过程中，随着工程越来越大，为了减少首屏js包的体积，可以使用异步组件的方式。Vue.js 实现了三种方式：工厂函数、Promise、高级异步组件。 以上为使用工厂函数...

在Vue.js中，定义了一些内置组件（keepAlive、component、transition、transition-group、slot等），可以直接使用。除此之外，...

对于 Vue 的生命周期，可以阅读如下流程图（图中不包含activated、deactivated，这两个生命周期与keepAlive相关，会在之后系列文章中介绍）。本篇会...

Vue.js 在初始化阶段，会执行一些配置的合并。将所有配置合并到$options上。主要分为外部调用场景下的配置合并（也就是执行new Vue()时）和组件场景的配置合并...

Vue.js 的另一个核心思想是组件化。所谓组件化就是将页面拆分成多个组件，组件之间资源相互独立，组件可以复用，组件之间也可以嵌套。 接下来以Vue/CLI初始化的代码为例...

数据驱动作为Vue.js的核心思想之一，是指视图由数据生成，想要对视图做出修改时，不同于jQuery等前端库直接操作DOM，而是通过修改数据来影响视图。这样大大简化了代码量...

在上一篇中，我们讨论了Vue.js的构建过程，在web应用下，我们主要分析Runtime+Compiler版本的Vue.js，它的入口是src/platforms/web/...

文章中使用到的是Vue源码的2.6.11版本，初次接触到源码，水平有限，着实有些吃力，写文章的目的也是为了帮助自己更清晰地理解。还望前辈们指教。 对目录结构有了大致了解后，...