前言 个人背景 双非一本毕业，非计算机科班，目前毕业两年。 校招进的前东家，没换过其他公司。前东家是互联网某细分领域下的top1，勉强算个小厂吧，进公司一年后转入核心业务线，非常忙，做不完的业务需求，

写在前面 本文的目标是实现一个基本的vue3的响应式，包含最基础的情况的处理，本文是系列文章，如果你对vue3还不了解，那么请移步： 超详细整理vue3基础知识💥 本文你将学到 一个基础的响应式实现

在开发管理后台过程中，一定会遇到不少了增删改查页面，而这些页面的逻辑大多都是相同的，如获取列表数据，分页，而不同的是呈现出来的数据项，所以我们可以封装一个通用的hooks，适配大多数列表页面。

Proxy 对象用于定义基本操作的自定义行为（如属性查找、赋值、枚举、函数调用等）。 proxy是es6新特性，为了对目标的作用主要是通过handler对象中的拦截方法拦截目标对象target的某些行为（如属性查找、赋值、枚举、函数调用等）。 vue2.0 用 Object.d…

最近的面试中有一个面试官问我按钮级别的权限怎么控制，我说直接v-if啊，他说不够好，我说我们项目中按钮级别的权限控制情况不多，所以v-if就够了，他说不够通用，最后他对我的评价是做过很多东西，但是都不

什么是Hooks？它的优点在哪？为啥vue和react都认为它是未来？小春我想和大家简单聊一聊关于Hooks的来龙去脉。

前言 我以前很喜欢封装组件，什么东西不喜欢别人的，总喜欢自己搞搞，这让人很有成就感，虽然是重复造轮子，但是能从无聊的crud业务中暂时解脱出来，对我来说也算是一种休息，相信有很多人跟我一样有这个习惯。

在面试中难免会被问到 Vue2 和 Vue3 的相关知识点的实现原理和比较，面试官是步步紧逼，一环扣一环。 Vue2 的数据响应式原理是怎么样的？ Vue3 的数据响应式原理又是怎么样的？

所谓算法指的是：把一种数据结构转化为另外一种数据结构的方法。diff 算法分为 5 大步骤，同时涉及到<最长递增子序列>的概念，我们会分步详细进行讲解。博客内容较长，并且有点难，请大家预留足够时间阅读