前阵子总结了一下前端面试相关的知识，有八股文，有算法。分享给大家！大家也可以关注一下专栏，后面会陆续发表相关文章！本文介绍 Vue 相关面试知识点！

Vue3.0 为什么要用 proxy？ 在 Vue2 中， 0bject.defineProperty 会改变原始数据，而 Proxy 是创建对象的虚拟表示，并提供 set 、get 和 delete

题引： 在我们从vue2过渡到vue3的时候，对于数据响应式的变化其实是懵懵懂懂的。从以往直接在data函数里面定义变量到每一次都要使用ref/reactive时，是有些不适应的。但问题不大，毕竟在大

安装使用 先初始化一个本地项目 用Vite创建的Vue3项目内容是空的，没有router、pinia等其他插件，需要自己集成。 Vue3安装的路由版本为router4 Vue2安装的路由版本为rout

本文属于笔者Vue3源码阅读系列第七篇文章，大致内容： 1. `patchChildren`逻辑解读 2. 没有绑定`key`的`diff`算法 3. 绑定了`key`的`diff`算法

本篇文章是全部采用的<script setup>这种组合式API写法，相对于选项式来说，组合式API这种写法更加自由，具体可以参考Vue文档对两种方式的描述。

环境准备 项目创建 Vite创建 使用Vite创建项目 然后按照提示操作即可！这种方式创建的Vue3项目只默认集成了Vite，像Router、Pinia都需要自己手动集成，如果需要就在Select a

本文收录了vue3全家桶中用到的一些零碎知识点，包含Vue3的一些常用语法，Vant使用过程中踩过的坑，Vue-Router配置方法，Pinia使用过程中的常见问题解决方法

Vue 3的响应性系统是其数据绑定的核心，它使得在响应式状态发生变化时，自动更新DOM成为可能。在本文中，我们将深入探讨Vue 3中四种重要的响应性方法：ref、reactive、shallowRef