同学们，你是否想学习Vue的数据响应式原理而无从下手呢？是否有过被复杂的源码教程劝退的经历呢？如果你和我一样，做过一个项目之后想深入原理的话，恭喜你，你来对地方了。这个系列文章将从纯粹的Vue响应式原理出发，没有其他因素的干扰，带领大家实现一个自己的响应式系统。 使用Vue时，…

作为一名开发人员，阅读源码是非常好的学习方式，尤其Vue又是当下很受欢迎的前端框架，随着用的人越来越多，不断推动着源码地完善。在源码中有着各位大佬多年积淀下来的精华，而这些精华就非常值得我们学习。

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

Vue3.0 Composition Api (最核心)、v-model更改、响应式ref和reactive、watch和watchEffect、以及vue2和vue3对比

早上参加稀土掘金大会随手记下的。能力有限，欢迎勘误。 一、 开发范式&底层框架 1、React Hooks 带来的开发范式的变革 React Hooks 取代 Class Components 启发组

背景：最近把装饰器用在了vue2.6中，发现代码量和复杂度减少了很多，我们先来看一下什么是装饰器，引用了其他人总结的一句话。 先从一个简单需求说起，比如要知道一个方法是否正在执行中、是否执行成功和是否执行异常，正常会如下这个。 接下来开始输出一些对代码有意义的了，继续往下看。 …

作为一个曾经的Java coder, 当我第一次看到js里面的装饰器(Decorator)的时候，就马上想到了Java中的注解，当然在实际原理和功能上面，Java的注解和js的装饰器还是有很大差别的。本文题目是Vue中使用装饰器，我是认真的，但本文将从装饰器的概念开发聊起，一起…

Vue插槽slot的基本使用单个插槽 | 匿名插槽编译作用域 （父组件在子组件<slot></slot>处插入 data）后备内容 (子组件<slot></slot>设置默认值)具名插槽 （子组件多个

前言 大家好，我是林三心，众所周知，修饰符也是Vue的重要组成成分之一，利用好修饰符可以大大地提高开发的效率，接下来给大家介绍一下面试官最喜欢问的13种Vue修饰符 1.lazy lazy修饰符作用是