如何保留输入的值并使用带有更新值的标签进行显示

<input type="text" id="inputField" oninput="updateLabel()">
<label id="outputLabel"></label>

<script>
  function updateLabel() {
    var input = document.getElementById("inputField").value;
    document.getElementById("outputLabel").innerHTML = input;
  }
</script>

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

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

<input type="text" id="inputField" oninput="saveInputValue()">
<label id="outputLabel"></label>

<script>
  function saveInputValue() {
    var input = document.getElementById("inputField").value;
    localStorage.setItem("inputValue", input);
    updateLabel();
  }

  function updateLabel() {
    var input = localStorage.getItem("inputValue");
    document.getElementById("outputLabel").innerHTML = input;
  }
</script>