<div id="app">
  <input v-model="searchTerm" placeholder="Search users..." />
  <p>Last search logged: {{ lastLogged }}</p>
</div>

<script src="https://unpkg.com/vue@3/dist/vue.global.js"></script>
<script>
  const app = Vue.createApp({
    data() {
      return {
        searchTerm: '',
        lastLogged: ''
      }
    },
    watch: {
      searchTerm(newValue, oldValue) {
        console.log('Search changed from "' + oldValue + '" to "' + newValue + '"')
        this.lastLogged = newValue
      }
    }
  })
  app.mount('#app')
</script>