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

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

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

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

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

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