其中，new Proxy() 表示生成一个 Proxy 实例，target 参数表示所要拦截的目标对象，handler 参数也是一个对象，用来定制拦截行为。 在这里，我们定义了一个数组 arr，接着通过 Proxy 对 arr 做了一层拦截，生成了一个实例 proxy。我们通过…

`ref`相信大家在使用vue3的时候会用的很多, 因为这个是定义基本类型响应式的一个方法,那么你对`ref`的了解又有多少呢?如果你想了解`ref`底层, 此文章将帮助你了解它的底层

vue响应式是响应啥？是数据与函数之间的响应，是做不到数据和数据之间的响应的，比如 count改变，并不会导致num一起改变，因为js做不到数据和数据之间响应，vue肯定也做不到，只能做到数据和函数之

用websocket打造一个炫酷的摸鱼音乐聊天室吧，叫上你的伙伴一起快乐的摸鱼吧 gogogo ......

为了提升代码质量，降低 bug 率，开始在前端项目中增加单元测试，重点是对组件的单元测试，避免因为修改公共组件导致的隐匿性 bug。考虑到我们的项目主要是用 vue 框架，因此优先采用 vitest+

在开发管理后台过程中，一定会遇到不少了增删改查页面，而这些页面的逻辑大多都是相同的，这样子会导致代码耦合度越来越高，下面，我们将这些可复用的数据抽离出来成hook，既解决耦合度的问题又提高工作效率

昨天看vue的官网文档，在slot-scope这块不是特别的明白，今天自己做了一个小例子，便于理解。 先说一下我们假设的应用常用场景，我们已经开发了一个代办事项列表的组件，很多模块在用，现在要求在不影响已测试通过的模块功能和展示的情况下，给已完成的代办项增加一个对勾效果。 解决…

在网上搜了很多关于作用域插槽的解释，感觉没有写得很具体的吧，我认为应该对组件化有很深的理解才会触及到这个问题吧，这里也分享下我自己对于slot-scope的一点理解。 slot大家看看文档都懂了，无非就是在子组件中挖个坑，坑里面放什么东西由父组件决定。 具名插槽也很简单，比如有…

脑图 为 props 标注类型 使用 <script setup> 当使用 <script setup> 时，defineProps() 宏函数支持从它的参数中推导类型： 这被称为 运行时声明 ，因为