一、v-for优化 1.1 使用key 使用v-for渲染列表时，可以通过添加合理的key来优化性能： 不要用index作为key 不要用Math.random()作为key，这个和index效果一样

# 前言： 翻别人代码时，总结发现极大部分使用`vue3`的人只会用`ref`和`reactive，其实有更好性能的api可以用

大家好，我是林三心，用最通俗易懂的话讲最难的知识点是我的座右铭，基础是进阶的前提是我的初心。最近几年，“拥抱 Hooks” 的口号呼声非常高，一开始是 ` React `，自动 ` Vue3 setu

背景 这几天看到好多文章标题都是类似于： 不用 ref 的 xx 个理由 不用 reactive 的 xx 个理由 历数 ref 的 xx 宗罪 我就很不解，到底是什么原因导致有这两批人： 抵触 re

在日常使用Vue开发项目的时候，计算属性computed是一个非常常用的特性，它的主要作用是对数据进行处理，然后返回新的数据，这样就不需要在模板中写过多的逻辑代码，从而使得模板更加简洁，可读性更强。

“哥，我面试字节挂了！” 小明哭丧着脸：“MD，太卷了！这 Vue3 刚转正没多久，面试官就问上我原理了，什么 reactivity 实现原理，proxy ，Vue3初始化的流程，编译优化，diff

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

Vue这个框架相信大家都不陌生了，提到Vue我相信面试官首先会问的问题之一就是Vue的响应式原理是如何实现的，之前也写过一篇Vue2的响应式原理的文章，那么我们今天就来聊聊Vue3的响应式机制。

本章节会更进一步的从数据层面分享 Vue3 中对响应式数据是如何进行代理的，本文主要从引用类型数据和基本类型数据两个方面进行讲解实现数据代理的方式。