如何将输入数据enter与span文本绑定？

<input type="text" id="input" oninput="bindText(this.value)">
<span id="output"></span>

<script>
function bindText(value) {
  document.getElementById("output").textContent = value;
}
</script>

<input type="text" id="input">
<span id="output"></span>

<script>
$("#input").on("input", function() {
  $("#output").text($(this).val());
});
</script>

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

<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
<script>
new Vue({
  el: "#app",
  data: {
    inputValue: ""
  }
});
</script>