vue3实现渲染button

要实现渲染button，可以使用Vue3的template语法或者JSX语法。下面是两种实现方式的示例代码：

使用template语法：

<template>
  <button @click="handleClick">{{ buttonText }}</button>
</template>

<script>
import { defineComponent } from 'vue'

export default defineComponent({
  data() {
    return {
      buttonText: 'Click me'
    }
  },
  methods: {
    handleClick() {
      console.log('Button clicked')
    }
  }
})
</script>

使用JSX语法：

import { defineComponent } from 'vue'

export default defineComponent({
  data() {
    return {
      buttonText: 'Click me'
    }
  },
  methods: {
    handleClick() {
      console.log('Button clicked')
    }
  },
  render() {
    return (
      <button onClick={this.handleClick}>{this.buttonText}</button>
    )
  }
})