两个月前我曾在掘金翻译了一篇关于Vue中简单介绍computed是如何工作的文章，翻译的很一般所以我就不贴地址了。有位我非常敬佩的前辈对文章做了评价，内容就是本文的标题“感觉原文并没有讲清楚 computed 实现的本质- lazy watcher”。上周末正好研究一下Vue的…

随着 React Vue 等框架的流行，Virtual DOM 也越来越火，snabbdom 是其中一种实现，而且 Vue 2.x 版本的 Virtual DOM 部分也是基于 snabbdom 进行修改的。snabbdom 这个库核心代码只有 200 多行，非常适合想要深入了…

在我们面试的过程中，经常会遇到问源码的环节，因为优秀的框架通常都会包含很多设计理念跟编程实践。这段时间我一直在看Vue2的源码，发现了很多有意思的实现。虽然现在Vue3都已经发布了，也无法否认Vue2是个优秀的框架这个事实，不影响我们从中学到一些最佳实践。 对Vue不感兴趣的同…

以下代码均经过自己测试，可以复制直接看效果。注意引入Vue文件 VueX和VueRouter 部分更新也上传了。需要点击这里 VueX差了辅助函数之类。VueRouter基本完成。后续可能会有单元测试和SSR computed不会立马取值,用到的时候才会取值. 并且有缓存,依赖…

Vue.js（读音 /vjuː/, 类似于 view）是一套用于构建用户界面的渐进式框架，主要用于快速的构建前端界面，与其它大型的前端框架不同，Vue被设计为可以自底向上逐层应用。 相比Angular.js来说，Vue的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项…

之前写了一个node的jwt认证，为了能和node对应，跑通整个流程，前端将设置登录拦截，分别为路由拦截，http拦截。更多文件请看 github地址 大致流程：在进行路由跳转时，利用vue-router提供的钩子函数beforeEach()对路由进行判断，符合条件next()…

vue的一些基础知识，以及相关实现原理，一直是面试中比较热门的题目，本文梳理了常见的Vue面试题。系列文章将在公众号「前端小苑」首发，可微信扫描文章底部二维码添加。 1. 组件通信方式有哪些？ 2. 子组件为什么不可以修改父组件传递的Prop？ Vue提倡单向数据流,即父级 p…

一些初学者可能对计算属性和侦听属性的使用场景感到困惑不解，本文主要介绍两者的用法、使用场景及其两者的区别。 计算属性是自动监听依赖值的变化，从而动态返回内容，监听是一个过程，在监听的值变化时，可以触发一个回调，并做一些事情。它有以下几个特点： 数据可以进行逻辑处理，减少模板中计…

响应系统中的Watcher即这个系统的观察者，它是响应系统中观察者模式的载体，当响应系统中的数据发生改变的时候，它能够知道并且执行相应的函数以达到某种业务逻辑的目的。打个比方，如果你是一个商家，要寄一批货分别给不同的客户，那么watcher就是一个个快递员，发出的动作就是数据发…