当我们在一个框内输入金额（人民币）时，另一个框内对应的显示对应货币（美元）的转换的金额，反之也成立。用侦听器vue来写

在Vue.js中，你可以使用`v-model`指令结合`watch`属性来自定义这样的交互功能。首先，你需要创建两个表单字段，分别用于输入人民币和展示美元的值，并绑定到Vue实例的数据属性上。然后，你可以设置一个`watch`监听器来实时更新货币之间的转换。

下面是一个简单的例子：

<template>
  <div>
    <input type="number" v-model="cnyAmount" placeholder="请输入人民币金额">
    <span>USD: {{ usdAmount }}</span>
  </div>
</template>

<script>
export default {
  data() {
    return {
      cnyAmount: 0,
      usdAmount: 0, // 假设我们有一个硬编码的汇率或者其他API获取的汇率
      currencyRate: 6.5, // 美元对人民币的汇率
    };
  },
  watch: {
    cnyAmount(newVal) {
      this.usdAmount = newVal * this.currencyRate;
    },
    usdAmount(newVal) {
      if (newVal) { // 防止除以零错误
        this.cnyAmount = Math.round(newVal / this.currencyRate);
      }
    },
  },
};
</script>

在这个示例里，当你在人民币输入框输入新的金额时，`watch`会触发并计算出相应的美元金额，同时当美元金额改变时，也会更新回人民币。请注意，实际应用中通常需要一个实时的汇率API或通过服务来进行货币转换，上面的示例仅做演示。