vue2什么时候用that

根据提供的引用内容，当我们在Vue 2中使用`that`时，通常是在组件内部的某些方法中使用。`that`是一个常见的命名约定，用于引用组件实例。在Vue组件中，我们可以通过`this`关键字来访问组件实例，但在某些情况下，由于作用域的限制，我们可能需要将`this`赋值给`that`变量，以便在嵌套函数或回调函数中访问组件实例。

例如，在一个Vue组件的方法中，我们可以使用`that`来引用组件实例，如下所示：

export default {
  data() {
    return {
      message: 'Hello Vue!'
    }
  },
  methods: {
    showMessage() {
      const that = this;
      setTimeout(function() {
        console.log(that.message);
      }, 1000);
    }
  }
}

在上面的例子中，我们在`showMessage`方法中创建了一个定时器，并在定时器的回调函数中使用`that`来引用组件实例。这是因为在回调函数中，`this`的作用域已经改变，不再指向组件实例，所以我们需要使用`that`来访问组件实例的数据。

总结起来，当我们在Vue 2中使用`that`时，通常是为了在组件内部的某些方法中访问组件实例。
#### 引用[.reference_title]
- *1* *2* [Vue学习笔记（一）—— 什么时候需要import Vue from 'vue'](https://blog.csdn.net/weixin_43503511/article/details/103547574)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control_2,239^v3^insert_chatgpt"}} ] [.reference_item]
- *3* [vue2转vue3方案](https://blog.csdn.net/YoungtiNine/article/details/124495867)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control_2,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]