vue.jsでフォームを離脱するときに警告をだすやつを実装する

最近良く見る、フォームを離脱するときに出る警告をvue.jsで実装してみました。

ナビゲーションガードのbeforeRouteLeaveを使うとできます。
beforeRouteLeaveは、このコンポーネントを描画するルートが間もなくナビゲーションから離れていく時に呼ばれます。

beforeRouteLeave (to, from , next) { 
    const answer = window.confirm('編集した内容が消えちゃうけど移動しますか？(´・ω・｀)') |
    if (answer) { 
        next() 
    } else { 
        next(false)
    }
},

これだけで実装できちゃうので簡単ですね。