vue3使用ts写mixin，当使用this时提示不存在属性

Question

export const total = {
  methods: {
    test1() {
      console.log(112)
    }
  },
  mounted() {
    this.test1()
  }
}

最近正在学ts，发现vue3的minin，使用this的时候会报错如下图

请问该如何解决呢？

Answer 1

vue3中不可以使用this来获取当前实例，而是需要显式导入与使用

import { getCurrentInstance } form "vue"
const instance = getCurrentInstance()
console.log(instance,'当前组件的实例')

再将this.改成instance.