本篇内容介绍了“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 = {};
}
}
})使用 Vue.delete：
<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);
}
}
}
})其中就是将一个对象的属性copy到另一个对象
this.$data 获取当前状态下的data
this.$options.data() 获取该组件初始状态下的data
所以，下面就可以将初始状态的data复制到当前状态的data
实现重置效果：
Object.assign(this.$data, this.$options.data())当然，如果你只想重置data中的某一个对象或者属性：(一般用于表单清空数据)
this.form = this.$options.data().form某一个对象清空vule值，保留key
Object.keys(form).forEach((key) => (form[key] = ''))“Vue怎么清空对象”的内容就介绍到这里了，感谢大家的阅读。如果想了解更多行业相关的知识可以关注亿速云网站，小编将为大家输出更多高质量的实用文章！
亿速云「云服务器」，即开即用、新一代英特尔至强铂金CPU、三副本存储NVMe SSD云盘，价格低至29元/月。点击查看>>
免责声明：本站发布的内容（图片、视频和文字）以原创、转载和分享为主，文章观点不代表本网站立场，如果涉及侵权请联系站长邮箱：is@yisu.com进行举报，并提供相关证据，一经查实，将立刻删除涉嫌侵权内容。
