Vue Routerで表示内容を切り替えたとき、開いているメニューを閉じる方法

Vue & Vue RouterでSPAを作るとページ遷移が発生しないので、メニューなどで表示内容を切り替えるときにメニューが開きっぱなしになってしまう。

ルート変更(トップ → 設定、等)を検知し、メニューを閉じる処理を入れればOK。

# 以下はHeaderComponent.vueにメニュー・開閉ボタン・開閉状態を示す変数を入れている前提の記述

パラメーター変更の検知 : Vue Router

https://router.vuejs.org/ja/guide/essentials/dynamic-matching.html#%E3%83%91%E3%83%A9%E3%83%A1%E3%83%BC%E3%82%BF%E3%83%BC%E5%A4%89%E6%9B%B4%E3%81%AE%E6%A4%9C%E7%9F%A5