Vue实现 点击显示再点击隐藏效果(点击页面空白区域也隐藏效果)

平时项目中，经常会做一些下拉菜单等效果，这种效果可能会需要通过一个按钮来控制显示隐藏，并且当点击页面其他空白区域时，也要将其隐藏。 简单写个demo