Vue.jsでdataを初期値に戻す #JavaScript

概要

Vueでデータを初期値にリセットする方法です．dataの項目が増えた際に一括で初期値に戻す方法を探した結果，この方法になりました．

方法

次のresetメソッドを追加し，呼び出すことでdataの項目がすべて初期値に戻されます．

const app = new Vue({
        el: '#app',

        data: () => ({
            value : 1,
            name : 'hoge',
        }),

        methods: {
            reset : () => {
                Object.assign(app.$data, app.$options.data());
            },
        },
    });

参考

公式ドキュメント
https://jp.vuejs.org/v2/api/