亲亲小宝宝鸭

我们知道，Vue3是用Proxy来实现数据代理，虽然Proxy在很久之前就已经支持了，但平时我们在业务中很少使用，因此可能对其感到一点陌生。

文件预览是我们经常遇到的业务场景，不同类型的文件有不同的处理方式。GitHub Demo地址： https://github.com/beat-the-buzzer/vue3-demo

使用场景 computed：声明一个依赖于其他响应式数据属性的属性，并且这个属性的值会根据其依赖的数据的变化而自动更新。

问题 在思维导图组件尝鲜——OpenTiny的MindMap组件这篇文章里，我们使用了第三方组件库绘制了一个思维导图，现在我想在某些节点后面加一个按钮。

在思维导图组件尝鲜——OpenTiny的MindMap组件这篇文章里，我们做了一个小优化，修改了node_modules里的源码，去实现我们自己的业务功能。 现在问题来了：这一部分的小改动我要如何提交

我理想中的团队，首先要有一个核心理念：先做正确的事，再把事情做正确。末梢管理，要求我们在和其他人对接的时候，要确保自己的东西是正确的。

书接上回：手把手教你如何写一个公共方法库（上篇——Rollup的基本用法），我们已经掌握了Rollup的基本用法，现在我们就使用Rollup的脚手架去实现一个公共方法库。

由于业务需要绘制思维导图，我探索了市面上的一些组件，最终选择了OpenTiny的MindMap组件。

使用 Rollup 打包第一个模块 Rollup 是一个用于 JavaScript 的模块打包工具，它将小的代码片段编译成更大、更复杂的代码，例如库或应用程序。