一、响应式数据转换

1.应用场景：Element组件的input和button通过点击相互切换，用v-if和v-else来控制显示与隐藏，v-if拿到数据，修改数据true，但是依旧不能改变按钮状态。
2.方法：this.$set(点击的属性, '响应式属性名', 值)
3.代码实现：

<template>
  <el-input v-if="row.inputVisible" ref="saveTagInput" v-model="row.inputValue" 
          class="input-new-tag" size="small"/>
              <!-- @click="showInput" row:当前点击的销售属性-->
  <el-button v-else class="button-new-tag" size="small" @click="addSaleAttrValue(row)">添加</el-button>
</template>
<script>
  export default {
    methods:{
        addSaleAttrValue(row) {
      // 点击销售属性值当中的按钮的时候，需要由button变为input，通过当前销售属性的inputVisible控制
      // 谁，将哪个响应式属性，值为何
      this.$set(row, 'inputVisible', true)
    }
  }
}
</script>

二、清空数据

1.应用场景：点击取消按钮和保存按钮时清空表格数据
2方法：Object.assign(this._data, this.$options.data())
3.代码实现：

// 取消按钮回调
    cancel() {
      // 取消按钮回调，通知父亲切换场景为0
      this.$emit('changeScene', { scene: 0, flag: '' })
      // 清理数据
      // Object.assign：es6中的方法，可以合并对象 this._data：源码组件实例，可以操作data当中的响应式数据
      //  this.$options：获取配置对象，配置对象的data函数执行，返回的响应式数据为空
      Object.assign(this._data, this.$options.data())
    }