在上面给我的普通html页面使用vue3例子中，请增加 setup onmounted方法

好的，下面是增加 `setup` 和 `onMounted` 方法后的示例：

<div id="app">
  <input type="text" v-model="message">
  <p>{{ message }}</p>
</div>

<script>
  const app = Vue.createApp({
    setup() {
      const message = Vue.ref('Hello, Vue 3!')

      Vue.onMounted(() => {
        console.log('mounted')
      })

      return {
        message,
      }
    }
  })

  app.mount('#app')
</script>

在上面的示例中，我们通过 `setup` 方法来定义组件的逻辑。在 `setup` 方法中，我们使用了 `Vue.ref` 方法来定义响应式数据 `message`，并使用 `Vue.onMounted` 方法来定义组件挂载后的回调函数。在回调函数中，我们打印了一条日志。

需要注意的是，在 `Vue 3` 中，我们推荐使用 `setup` 方法来定义组件的逻辑，而不是像 `Vue 2` 中那样使用 `data`、`methods` 等选项。同时，在 `setup` 方法中，我们可以通过 `Vue.ref`、`Vue.reactive` 等方法来定义响应式数据，而不是像 `Vue 2` 中那样使用 `data` 选项。另外，在 `Vue 3` 中，我们使用了 `Vue.onMounted` 方法来定义组件挂载后的回调函数，而不是像 `Vue 2` 中那样使用 `mounted` 钩子函数。