How build keyword Vue Search

Jakz Aizzat
Vue.js Developers
Published in
4 min readApr 28, 2020

Last week, I had a task to build a keyword search feature on my job. It’s required a constant background checking whenever a new keyword was typed. The problem is I don’t want to continually request the API; the new keyword was changed. It will hurt our server. Let’s start building a component first.

What we’re going to build is a search UI that allows users to find any information about Star Wars by name.

Build an Input component

Let’s start with basic input. I’m going to create a search input that accepts name.