使用$options初始化

 

$options是一个记录当前Vue组件的初始化属性选项。通常开发中，我们想把data里的某个值重置为初始化时候的值，可以像下面这么写

this.value = this.$options.data().value;

这样子就可以在初始值由于需求需要更改时，只在data中更改即可。

这里再举一个场景：一个el-dialog中有一个el-form，我们要求每次打开el-dialog时都要重置el-form里的数据，则可以这么写：

 
<script>
 
export default {
...
  methods:{
    initForm(){
      this.form = this.$options.data().form
    }
  }
};
script>

 如果要重置data里的所有值，可以像下面这么写

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