用vue的setup语法糖实现一个比较2个数大小的页面，当输入2个数字后，单击“比较”按钮后自动比较这2个数的大小，如输入12和12，比较数字大小结果显示为两数相等

在Vue 3中，我们可以使用`setup`函数以及`ref`来创建响应式的变量，并结合模板来构建这个功能。以下是使用`setup`语法糖的示例：

<template>
  <div id="comparison">
    <input type="number" v-model="num1" placeholder="请输入第一个数字">
    <input type="number" v-model="num2" placeholder="请输入第二个数字">
    <button @click="compareNumbers">比较</button>
    <p>{{ result }}</p>
  </div>
</template>

<script setup>
import { ref } from 'vue';

const num1 = ref(0);
const num2 = ref(0);
let result;

function compareNumbers() {
  if (num1.value === num2.value) {
    result = `两个数字 ${num1.value} 相等`;
  } else if (num1.value > num2.value) {
    result = `${num1.value} 大于 ${num2.value}`;
  } else {
    result = `${num1.value} 小于 ${num2.value}`;
  }
}
</script>

在这个例子中，我们有两个`ref`对象`num1`和`num2`用于存储用户输入的数字。当用户点击“比较”按钮时，`compareNumbers`函数会被触发，比较这两个数字并更新`result`变量的值，最后显示在页面上。