• 首页
  • css3教程
  • html5教程
  • jQuery手册
  • vue手册
  • php手册
  • MySQL手册
  • apache手册
  • redis手册
  • defineComponent

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


    参数

    具有组件选项的对象

    import { defineComponent } from 'vue'
    
    const MyComponent = defineComponent({
      data() {
        return { count: 1 }
      },
      methods: {
        increment() {
          this.count++
        }
      }
    })
    

    或者是一个setup函数,函数名称将作为组件名称来使用

    import { defineComponent, ref } from 'vue'
    
    const HelloWorld = defineComponent(function HelloWorld() {
      const count = ref(0)
      return { count }
    })
    

    上篇:createApp

    下篇:defineAsyncComponent