zerojs2022-CSDN博客

原创你和我一样纠结过vue3的 ref() 和 reactive()吗？

看了挺多文章，大概都是说，ref用于包装基本数据类型（如数字、字符串），而reactive用于包装对象。例如这样的：或者这样的又或者是这样的写下这篇文章只是为了解答自己的疑惑，也可能是强迫症犯了，非要弄清楚为什么有各种各样的说法。翻了许多文章，反复研究了几遍响应式基础，最终释然，不再纠结，自己爱怎么用就怎么用，但是对于那些ref用于包装基本数据类型（如数字、字符串），而reactive用于包装对象。的说法。自己心里也有个底。ref()除了需要使用.value访问比较麻烦外，几乎可以一把梭使用。

2023-10-30 09:15:00 289 1

原创 zerojs前端面试题系列--vue3篇（3）

官方文档建议：因为reactive()的局限性,所以建议使用ref()作为声明响应式状态的主要 API.在Vue 3中，toRef和toRefs是两个新的响应式API，用于将普通的JavaScript对象或原始值转换为响应式对象。具体来说，toRef将一个普通的JavaScript对象的属性转换为一个响应式对象，而toRefs则将整个JavaScript对象转换为一组响应式对象。

2023-10-27 09:30:00 78 1

原创 zerojs前端面试题系列--vue3篇（2）

当computed属性依赖的响应式数据发生变化时，computed函数会重新执行，但是在下一次访问computed属性时，会直接返回上一次执行的结果，而不是重新计算一遍。接收两个参数，第一个参数是需要监听的数据，可以是一个函数，返回需要监听的数据值；watch是Vue2中的一个API，在Vue3中也有保留并进行了一些优化，它可以监听指定的数据变化，并执行对应的回调函数。实现的自动侦测响应式依赖的函数，其内部会自动收集响应式数据的依赖，当依赖发生变化时，自动重新执行回调函数并更新组件。

2023-10-26 10:17:22 70

原创蚂蚁集团旗下语雀会员免费领！薅羊毛不怕晚

10 月 23 日语雀出现重大服务故障，且持续 7 个多小时才完全恢复，给用户使用造成极大不便，对此我们深感抱歉。经过复盘，我们在这里向大家进一步说明故障原因、修复过程和改进措施。「语雀」是一个「专业的云端知识库」，孵化自蚂蚁集团，是体验科技理念下的一款创新产品，已是 10 万阿里员工进行文档编写、知识沉淀的标配。语雀诞生伊始，只是希望能给工程师提供一个好用的工具用来写技术文档，达成「用 Markdown 写文档」这个小目标。但在产品研发的过程中，我们发现其实身边的每个人、每个团队、每个组织都有很多

2023-10-25 16:12:40 174 1

原创 zerojs前端面试题系列--vue3篇（1）

Vue3是Vue.js的下一个主要版本，是一个更加现代化、高性能、更易扩展的版本。Vue3与Vue2最大的不同点在于其使用了全新的响应式系统，使其在性能方面很大程度上得到改善。以下是Vue3的一些新特性:更快的性能：Vue3采用了“响应式系统重写”的方法来提高性能。Vue3使用Proxy代理对象来跟踪响应式依赖关系，比Vue2使用的Object.defineProperty方法更高效。更小的体积：Vue3的体积比Vue2小了30%左右，这是通过删除一些过时的API和优化构建管道来实现的。

2023-10-24 16:16:10 22