参考コード

  • @input で input 要素の value が変更されたイベントをキャッチできる
  • change(e){console.log(e.target.value)} とすることで、変更された input 要素の value つまり内容を取得できる
  • 次はこの input の内容を使って検索する
/components/search.vue
<template>
  <input @input="change">
</template>

<script>
export default {
  methods: {
    change(e) {
      console.log(e.target.value);
    }
  }
};
</script>