vue2.0 export default 获取变量旧值

在Vue 2.0中，export default用于导出默认的Vue组件选项，并不能直接获取变量的旧值。export default主要是用于导出组件选项，而不是用于获取变量的值。

如果你希望获取变量的旧值，你需要在组件中使用Vue的生命周期钩子函数来进行处理。例如，在beforeUpdate钩子函数中可以获取到组件更新前的旧值。下面是一个示例：

// 组件
export default {
  data() {
    return {
      message: 'Hello Vue!',
      oldMessage: ''
    }
  },
  methods: {
    updateMessage() {
      this.oldMessage = this.message; // 保存旧值
      this.message = 'New Value'; // 更新值
    }
  },
  beforeUpdate() {
    console.log('旧值:', this.oldMessage);
    console.log('新值:', this.message);
  }
}

在上面的示例中，我们通过在beforeUpdate钩子函数中获取this.oldMessage来获取变量的旧值。当updateMessage方法被触发时，将this.message赋值给this.oldMessage以保存旧值。然后，在组件更新之前的beforeUpdate钩子函数中，我们可以通过this.oldMessage获取到旧值，并通过this.message获取到新值。

需要注意的是，beforeUpdate钩子函数只会在组件更新之前被触发，在组件初始化期间是不会触发的。如果你还需要获取到变量的旧值的其他时刻，你可以考虑使用其他的生命周期钩子函数或自定义方法来实现。

在Vue 2.0中，export default语法用于导出默认的Vue组件选项，无法直接获取变量的旧值。如果你需要获取变量的旧值，可以使用Vue实例的watch选项或computed属性来实现。

使用watch选项：

// 组件
export default {
  data() {
    return {
      message: 'Hello Vue!',
      oldMessage: ''
    }
  },
  watch: {
    message(newValue, oldValue) {
      this.oldMessage = oldValue; // 保存旧值
    }
  },
  methods: {
    updateMessage() {
      this.message = 'New Value'; // 更新值
    }
  }
}

在上述示例中，我们通过watch选项来监视message属性的变化，并在变化时将旧值赋给this.oldMessage。当调用updateMessage方法时，this.message的值将被更新，并触发watch选项中定义的函数，其中可以获取到旧值。

使用computed属性：

// 组件
export default {
  data() {
    return {
      message: 'Hello Vue!'
    }
  },
  computed: {
    oldMessage() {
      return this.message; // 返回旧值
    }
  },
  methods: {
    updateMessage() {
      this.message = 'New Value'; // 更新值
    }
  }
}

在上述示例中，我们通过定义一个computed属性来获取变量的旧值。在oldMessage的计算属性中，直接返回this.message，这样就可以获取到变量的旧值。当调用updateMessage方法时，this.message的值将更新，oldMessage的计算属性也会重新计算，从而返回旧值。

无论是使用watch选项还是computed属性，都可以在组件中获取变量的旧值。你可以根据具体的需求和场景选择合适的方式来使用。