vue3 with tsx

page_index.tsx

import { defineComponent, defineProps, defineEmits, defineExpose, ref } from 'vue'
import Xx from '@/components/xx'

export default defineComponent({
  setup () {
    const props = defineProps()
    const emitUpdate = defineEmits<{ (e: 'update', value: number): void }>()
    console.log('emit', emitUpdate)
    const count = ref(0)

    function updateCount () {
      count.value++
      // emitUpdate('update', count.value)
    }

    defineExpose({
      refresh () {
        count.value = 0
      }
    })

    return () => (
      <div>
        <Xx onUpdate={() => {
          console.log('onUpdate')
        }}></Xx>
      </div>
    )
  }
})

Xx.tsx

import { defineComponent, defineProps, defineEmits, defineExpose, ref } from 'vue'

export default defineComponent({
  props: {
    
  },
  emits: {
    update: (value: number) => true,
  },
  setup (props, { emit }) {
    const count = ref(0)

    function updateCount () {
      count.value++
      emit('update', count.value)
    }

    defineExpose({
      refresh () {
        count.value = 0
      }
    })

    return () => (
      <div>
        <h1>aa</h1>
        <button onClick={updateCount} type="button">Increment</button>
        <p>Count: {count.value}</p>
        
      </div>
    )
  }
})