vue.js實現點擊按鈕和彈出層其他位置彈出層消失方法

這其實是一個很常見的彈出層效果，鼠標點擊按鈕切換彈出層的顯示，點擊其他區域彈出層消失，用javascript綁定事件可能幾行代碼就搞定了，但是vue.js的狀態驅動模式和javascript的事件驅動模式是不同的，下面是使用vue.js的實現方式： 鼠標點擊button會切換一個布爾值show，用show來控制彈出層的顯示，而包裹着<transition>標籤的彈出層在show的狀態改變時就會觸發

>>阅读原文<<