1. 为什么要学习源码 ? 阅读优秀的代码的目的是让我们能够写出优秀的代码。 不给自己设限，不要让你周围人的技术上限成为你的上限。 其实就跟我们写作文一样，你看的高分作文越多，写出高分作文的概率就越大。 基于现在的程序员工作模式(模块化开发，只需要拿到需求做自己的部分)，别说看…

我报名参加金石计划1期挑战——瓜分10万奖池，这是我的第3篇文章，点击查看活动详情 前言 【A】：能不能说说 Vue3 响应式都处理了哪些数据类型？都怎么处理的呀？ 【B】：能，只能说一点点... 【

install方法的作用是将store这个实例挂载到所有的组件上，注意是同一个store实例。 Store这个类拥有commit，dispatch这些方法，Store类里将用户传入的state包装成data，作为new Vue的参数，从而实现了state 值的响应式。 现在我们…

在 Web 前端单页应用 SPA(Single Page Application)中，路由描述的是 URL 与 UI 之间的映射关系，这种映射是单向的，即 URL 变化引起 UI 更新（无需刷新页面）。 下面分别使用 hash 和 history 两种实现方式回答上面的两个核心…

本文介绍了路由的一些常识，并手写了一个精简版VueRouter，和绝大多数手写文章不同的是，这里代码是完全以源码为标准实现的，彻底搞懂核心源码之外，后面看真正的源码可以毫不夸张的说：纵享丝滑！

前言 此篇主要手写 Vue2.0 源码-diff 算法原理 上一篇咱们主要介绍了 Vue 异步更新原理 是对视图更新的性能优化 此篇同样是对渲染更新的优化

前言 时间过得太快 一晃半年都没写文章了 哈哈 如今又到了一年一度的金三银四的好时节 我李汉三回来了 先说一下写此系列的初衷--最近公司招聘高级前端岗位 于是面了很多人 这面着面着就有点 痛心疾首 了

终于到了本系列的最后一篇文章了，这篇文章将会做一个简单的模板编译器，并结合上一篇文章的渲染watcher来实现一个小demo。 将数据设置为响应式后，开始模板编译。模板编译思路如下：先将el从页面上取出来放到fragment中，编译完成后再放回页面中。 这个系列文章的到此就告一…

终于到了渲染watcher，看完这篇文章的内容后，大家就可以实现一个响应式系统了，并且能够在页面上有所体现。 1. 基本原理 2. 数组的处理 4. 最终章 持续更新中。。。 vue中有多种watcher，我们之前实现的watcher类似于Vue.$watch，当依赖变化时执行…