Vue如何清空对象

var obj = {
    name: 'Lee',
    age: 20
};
obj = {};

var obj = {
    name: 'Lee',
    age: 20
};
for(var key in obj){
    delete obj[key];
}

<div id="app">
    <button @click="deleteInfo">删除</button>
    姓名：{{ message.name }},
    年龄：{{ message.age }}
</div>

var app = new Vue({
    el: '#app',
    data: {
        message:{
            name:"Lee",
            age: 20
        }
    },
    methods:{
        deleteInfo:function(){
               this.message = {};
        }
    }
})

<div id="app">
    <button @click="deleteInfo">删除</button>
    姓名：{{ message.name }},
    年龄：{{ message.age }}
</div>

var app = new Vue({
    el: '#app',
    data: {
        message:{
            name:"Lee",
            age: 20
        }
    },
    methods:{
        deleteInfo:function(){
            for(let key of Object.keys(this.message)){
                Vue.delete(this.message,key);
            }
        }
    }
})

Object.assign(this.$data, this.$options.data())

this.form = this.$options.data().form

Object.keys(form).forEach((key) => (form[key] = ''))