zhangzp

可配合内置的DraggableContainer组件方便地实现参考线以及自动吸附功能。 该组件所支持的参数和事件加起来有几十种，可进行各种配置，具体可查看Github的详细文档。 下面我来介绍下使用方式。 执行use(Vue3DraggableResizable)后将会全局注册…

在去年闲暇时间开发了一个可视化的页面编辑器，这次看到掘金有项目复盘的活动，正好可以拿出来写篇文章，和大家分享下。不知道还能不能赶上活动了~ 可添加图片，文本，矩形，背景。多种编辑功能（字体，背景，大小，边距等） 由于里面的细节比较多，肯定不能将所有点都讲到，我就挑几个主要的写写…

我们在使用 Vue 或其他框架的日常开发中，或多或少的都会遇到一些性能问题，尽管 Vue 内部已经帮助我们做了许多优化，但是还是有些问题是需要我们主动去避免的。我在我的日常开中，以及网上各种大佬的文章中总结了一些容易产生性能问题的场景以及针对这些问题优化的技巧，这篇文章就来探讨…

这样一来，TS 就会推断出swap(123, 'hello')的返回值类型是[string, number]了。 这样一来就达到题目的要求了，其中用了辅助泛型Omit。 每个响应数据都有成功和失败的状态，成功时返回的是 data，失败时返回的是 error，error 的类型都…

Vue 中的 computed 是一个日常开发中常用到的属性，也是面试中经常被问到的一个知识点，你几乎能在任何一个和 Vue 相关的面试题集锦里找到这样一个题目：methods 和 computed 有什么不同？你可能会毫不犹豫地回答："methods 不会被缓存，comput…

Vue.extend是 Vue 里的一个全局 API，它提供了一种灵活的挂载组件的方式，这个 API 在日常开发中很少使用，毕竟只在碰到某些特殊的需求时它才能派上用场，但是我们也要学习它，学习这个 API 可以让我们对 Vue 更加了解，更加熟悉 Vue 的组件初始化和挂载流程…

在这个ownKeys里面直接执行 track 收集依赖，注意我们之前的 track 只有两个参数(target, key)，我们等下还要对 track 做下修改，使它接收参数是(target, type, key)，type表示收集依赖的类型，就是刚才定义的TrackOpTyp…

Vue3 和 Vue2 的响应式有很大的不同，由于 Vue3 使用 Proxy 代替了 defineProperty，使得 Vue3 比 Vue2 在响应式数据处理方面有着更好的性能，更简洁高效的处理方式，还实现了诸多在 Vue2 上无法实现的功能。此外 Vue3 的响应式库 …

答案：通过$parent 就可以访问到父组件的实例了，除了$parent，我们还可以通过$children 访问子组件的实例。相信这个答案各位小伙伴都知道，但是这个$parent 和$children 是通过什么方式实现的呢，或者说，Vue 内部是如何建立这种父子组件关系的？ …