我觉得每个人可能都有过看源码的想法吧，也包括我。因为看源码不光能使自己对这个库更加熟悉，还能学习到作者强大的思想，久而久之，自己的水平和思想也会有明显的提升的。 1. 查看工具函数 2. 入口文件 3. Store类的实现 可以看到传入的 options 整体可以看成一个根模块…

本文是一篇逐行粒度的vuex源码分析，带你一步一步去实现一个vuex，不同于市面上其他的源码分析，本文不会从上帝视角去谈vuex的设计，而是将vuex的功能一个个拆解，变成简单易懂的几个部分，非常适合初学者阅读。 getters以state作为基础，进行不同形式的数据的构造，当…

能不移动，尽量不移动。不行就移动，实在不行就新建

Vue另⼀个核⼼思想是组件化，把⻚⾯拆分成多个组件，每个组件有自己的 template、js、CSS。组件可复⽤，组件和组件之间可嵌套。 接下来用下面代码为例，来分析⼀下 Vue 组件初始化的⼀个过程。 Vue.extend 的作⽤就是构造⼀个 Vue 的⼦类，它使⽤⼀种⾮常经…

众所周知，以下代码就是 vue 的一种直接上手方式。通过 cdn 可以在线打开 vue.js。一个文件，一万行源码，是万千开发者赖以生存的利器，它究竟做了什么？让人品味。 源码cdn地址：https://cdn.jsdelivr.net/npm/vue/dist/vue.js，…

在使用Vue进行实际开发的过程中，大多数时候使用模板来创建HTML，模板功能强大且简洁直观，最终模板会编译成渲染函数，本文主要介绍模板编译的具体过程。 Vue从能否处理 template 选项的角度分为两个版本：运行时+编译器、只包含运行时。运行时+编译器版本也被称为完整版。只…

Vue是数据驱动的框架，在修改数据时，视图会进行更新。数据响应式系统使得状态管理变的简单直接，在开发过程中减少与DOM元素的接触。而深入学习其中的原理十分有必要，能够回避一些常见的问题，使开发变的更为高效。 Vue使用观察者模式（又称发布-订阅模式）加数据劫持的方式实现数据响应…

Vue本质是上来说是一个函数，在其通过new关键字构造调用时，会完成一系列初始化过程。通过Vue框架进行开发，基本上是通过向Vue函数中传入不同的参数选项来完成的。参数选项往往需要加以合并，主要有两种情况： Vue函数定义在 /src/core/instance/index.j…

在 Vue 中，除函数式组件外，所有组件都是 Vue 实例。每个 Vue 实例在被创建时都要经过一系列的初始化过程：数据监听、编译模板、将实例挂载到 DOM 并在数据变化时更新 DOM 等。 在生成 Vue 实例的过程中会运行一些叫做生命周期钩子的函数，这给了用户在不同阶段添加…