何时在项目中添加依赖项与自定义解决方案

Question

发现自己想知道哪种方法可以更好地完成任务，以及如何测试（为了更好＆＃34;）。

更好=更轻，更快，更便宜（页面加载）。

任务：当用户点击菜单外部时关闭打开的菜单。

选项1：为项目添加依赖项。可能会这样做 https://www.npmjs.com/package/vue-click-outside

选项2：自定义解决方案。基本上复制@ MadisonTrash的解决方案 Detect click outside element

Answer 1

这是一个高度固执的问题，但在我看来，如果您要添加的功能非常简单，最好将其添加到您的解决方案中。

我一直依赖外部库（特别是npm）的主要问题是它们可能带来的潜在问题，例如：

https://www.theregister.co.uk/2016/03/23/npm_left_pad_chaos/

https://hackernoon.com/im-harvesting-credit-card-numbers-and-passwords-from-your-site-here-s-how-9a8cb347c5b5

因此，我建议将您的库保持在最低限度，并仅使用必要的和已知/成熟的库。