defineComponent

实现方式的 defineComponent 只是返回传递给它的对象。但是,在类型方面,返回的值具有一个合成类型的构造函数,用于手动渲染函数、 TSX 和 IDE 工具支持

从一个例子开始

  1. import { defineComponent } from 'vue'
  2. const MyComponent = defineComponent({
  3. data() {
  4. return { count: 1 }
  5. },
  6. methods: {
  7. increment() {
  8. this.count++
  9. }
  10. }
  11. })
  12. console.log(`MyComponent:${MyComponent}`)

亲自试一试