qq_42259940的博客

【代码】WatchEffect执行时机：当副作用函数进入队列时, 会在所有的组件更新后执行。

实际上，jest.spyOn()是jest.fn()的语法糖，它创建了一个被spy的函数具有相同内部代码的mock函数。它模拟了一部分类似 jQuery 的 API，非常直观并且易于使用和学习，提供了一些接口和几个方法来减少测试的样板代码，方便判断、操纵和遍历 Vue Component 的输出，并且减少了测试代码和实现代码之间的耦合。在单元测试中，我们可能并不需要关心内部调用的方法的执行过程和结果，只需要知道它是否被正确调用即可，甚至会指定该函数的返回值。即toBe是===，toEqual是==

【代码】HOOKS：customRef:自定义一个响应式。

【代码】EventBus在多个组件之间进行事件通知的场景下还是比较有用的，通过监听事件和触发事件，可以在订阅者和发布者之间解耦，实现一个常规的eventBus也比较简单。

应用debugger调试Vue项目，需要在项目中需要的位置写debugger,项目运行后，打开浏览器按F12，在chrome sources页签中就会直接进入断点，至此就可以可以进行单步、跳步调试。debugger是浏览器提供的调试语句，其主要是通过停止JS的执行，相当于设置断点。在JS代码编写的过程中，我们都会通过浏览器的调试模式（F12）来检查代码逻辑是否正确，大多数我们都是通过设置断点来进行调试。2开启sourcemap。3谷歌浏览器设置解决。

即： const tagList = computed(() => store.state.app.tagList .join(‘,’))原因： store.state.app.tagList返回的是一个 Proxy， 代理了数组，并不是数组本身。修改：将 的 tagList数组模式改为 逗号分隔字符串模式 就正常了。

这时候拍出来的照片展示在canvas中是不会被旋转的。如果以其他角度拍照时，就会发生旋转。这类iphone中手机竖着拿然后逆时针旋转90°才是正确的拍照姿势。

customRef：自定义一个 ref，可以显式地控制依赖追踪和触发响应，接受一个工厂函数，两个参数分别是用于追踪的 track 与用于触发响应的 trigger，并返回一个一个带有 get 和 set 属性的对象【实际上就是手动 track追踪 和 trigger触发响应】Vue.config.productionTip作用是是否产生集成环境的各种提示，设置为ture表示生产环境，不再产生提示，减少体积和提示带来的开销。删除 on，on，on，off 和 $once 实例方法，vue3.x不再支持。