Vue3 中添加html元素

在 Vue3 中添加 HTML 元素，可以通过以下步骤：

1. 在 Vue 组件的 template 中编写 HTML 元素代码。

2. 使用 Vue 提供的指令或事件来绑定数据或处理逻辑。

例如，在一个 Vue 组件中，我们想要添加一个按钮元素，可以这样编写代码：

<template>
  <div>
    <button @click="handleClick">点击我</button>
  </div>
</template>

<script>
  export default {
    methods: {
      handleClick() {
        console.log('按钮被点击了')
      }
    }
  }
</script>

在上面的代码中，我们使用了 Vue 提供的 @click 事件来监听按钮的点击，并在 methods 中定义了 handleClick 方法来处理点击事件。

当我们在浏览器中渲染该组件时，就会看到一个带有 “点击我” 文字的按钮。当按钮被点击时，控制台会输出 “按钮被点击了” 的信息。