Ich habe diese Antwort auf SO durchgesehen: Gibt es eine geeignete Möglichkeit, die ursprünglichen Daten einer Komponente in vuejs zurückzusetzen?

Die aktuelle Methode ist jetzt jedoch nicht zulässig und VueJS verbietet das Ändern der $ data var.

ie Sie hier in diesem @ sehen könnhttps: //github.com/vuejs/vue/issues/287 ($ data darf nicht geändert werden.)

Wenn ich die obige Methode versuche, wird eine VueJS-Warnung angezeigt:

[Vue warn]: Vermeiden Sie das Ersetzen von Instanzstammdaten. Verwenden Sie stattdessen geschachtelte Dateneigenschaften.

Hier ist mein JS-Code,

function initialState () {
        return {
            h2: 0,
            ch4: 0,
            c2h6: 0,
            c2h4: 0,
            c2h2: 0,
            c3h8: 0,
            c3h6: 0,
            co: 0,
            co2: 0,
            o2: 0,
            n2: 0,
            selected: ''
        }
    }
    export default {
        name: 'something',
        data () {
            return initialState() // This is working fine 
        },
        computed: {
            tdcg: function () {
                // some logic here...
            }
        },
        methods: {
            resetFields: function () {
                this.$data = initialState() // --> This is what I want to achieve!
            }
        }
    }

Was ist die richtige und einfachste Art, meine Daten neu zu initialisieren?