发现自己想知道哪种完成任务的方法更好以及如何测试(为了"更好"(。
更好 = 更轻、更快、更便宜(页面加载(。
任务：当用户在菜单外部单击时关闭打开的菜单。
选项 1：向项目添加依赖项。可能会和这个一起去 https://www.npmjs.com/package/vue-click-outside
选项 2：自定义解决方案。基本上在这里复制@MadisonTrash的解决方案 检测外部元素的点击
这是一个非常固执己见的问题，但在我看来，如果您要添加的功能非常简单，最好将其添加到您的解决方案中。
我总是依赖外部库(特别是 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
因此，我建议您将库保持在最低限度，并仅使用基本库和已知/成熟的库。