vue3 怎么获取this

在 Vue3 中，你可以通过使用 `this` 关键字来获取当前 Vue 实例。例如，在 Vue 组件的 `methods` 选项中定义的方法中，可以使用 `this` 来访问当前组件的实例。

export default {
  methods: {
    someMethod() {
      console.log(this)
    }
  }
}

如果你在箭头函数中，箭头函数的 `this` 并不是 Vue 实例，你可以使用正常的函数语法：

export default {
  methods: {
    someMethod() {
      setTimeout(function () {
        console.log(this)
      }, 1000)
    }
  }
}

相关问题

vue filters中获取this

在Vue的过滤器中，无法直接获取this对象。如果需要在过滤器中使用this，可以通过在Vue实例中定义一个方法，然后在过滤器中调用该方法来获取this对象。例如：

Vue.filter('myFilter', function(value) {
  // 调用Vue实例中的方法来获取this对象
  var vm = this.getVueInstance();
  // 在这里可以使用vm来访问Vue实例中的数据和方法
  // ...
});

new Vue({
  el: '#app',
  methods: {
    getVueInstance: function() {
      return this;
    }
  }
});

在上面的例子中，我们在Vue实例中定义了一个getVueInstance方法，该方法返回this对象。然后在过滤器中调用该方法来获取this对象。这样就可以在过滤器中访问Vue实例中的数据和方法了。

vue3 没有this 啊

在 Vue 3 中，确实不再支持使用 `this` 访问组件实例，这是因为 Vue 3 的设计目标是更好的 TypeScript 支持和更好的 Tree-shaking。在 Vue 3 中，组件实例被存储在 `setup()` 函数中返回的响应式对象中，你可以从该对象中获取组件实例的属性和方法。

例如，在 Vue 2 中，你可以通过 `this.$emit('event')` 触发一个自定义事件，但在 Vue 3 中，你需要使用 `emit('event')`，其中 `emit` 是从 `setup()` 返回的响应式对象中获取的。

总之，Vue 3 中的组件实例和 Vue 2 中的有所不同，但是通过 `setup()` 函数返回的响应式对象，你仍然可以访问组件的所有属性和方法。