vue重置data

vue重置data

这一次碰到一个问题就是我在html页面中使用了vue,然后页面里面有表格部分和在点击添加后显示添加的部分，在同一个页面里面达到不同内容的显示隐藏的效果，碰到的问题是: 我想在我想实现的是 在每次进入添加页面的时候，那个页面都可以清空我上一次所要添加的内容，现在由于页面不刷新，所以这个内容也不会清空，所以找到了如下解决方法:
可以通过this.$data获取当前状态下的data，通过this.$options.data()获取该组件初始状态下的data。

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

这样就可以将当前状态的data重置为初始状态了。
ps: Object.assign() 合并对象时，同名属性，后边的会覆盖前边的。