# Autocomplete Search with the Element API & VueJS

DevFeed: [Autocomplete Search with the Element API & VueJS](<https://devfeed.tech/articles/autocomplete-search-with-the-element-api-vuejs-31245.md>)

Original publisher: [Read original article](<https://nystudio107.com/blog/autocomplete-search-with-the-element-api-vuejs>)

Author: andrew@nystudio107.com (Andrew Welch)

Published: 2017-02-22T06:19:00Z

Content type: tutorial

Language: en

Sources: [nystudio107 | Articles on modern web development.](<https://devfeed.tech/sources/nystudio107-articles-on-modern-web-development.md>)

Topics: [Vue.js](<https://devfeed.tech/topics/vue.md>), [Content Management System](<https://devfeed.tech/topics/cms.md>), [API](<https://devfeed.tech/topics/api.md>), [Ajax](<https://devfeed.tech/topics/ajax.md>), [JSON](<https://devfeed.tech/topics/json.md>), [npm](<https://devfeed.tech/topics/npm.md>), [Front end](<https://devfeed.tech/topics/frontend.md>), [GitHub](<https://devfeed.tech/topics/github.md>)

Tags: [api](<https://devfeed.tech/tags/api.md>), [autocomplete](<https://devfeed.tech/tags/autocomplete.md>), [cms](<https://devfeed.tech/tags/cms.md>), [cmss](<https://devfeed.tech/tags/cmss.md>), [craft](<https://devfeed.tech/tags/craft.md>), [create](<https://devfeed.tech/tags/create.md>), [element](<https://devfeed.tech/tags/element.md>), [fast](<https://devfeed.tech/tags/fast.md>), [feature](<https://devfeed.tech/tags/feature.md>), [functional](<https://devfeed.tech/tags/functional.md>), [github](<https://devfeed.tech/tags/github.md>), [heres](<https://devfeed.tech/tags/heres.md>), [insights](<https://devfeed.tech/tags/insights.md>), [json](<https://devfeed.tech/tags/json.md>), [npm](<https://devfeed.tech/tags/npm.md>), [search](<https://devfeed.tech/tags/search.md>), [vuejs](<https://devfeed.tech/tags/vuejs.md>)

## AI overview

A tutorial on using Craft CMS's Element API and VueJS to build an autocomplete search feature for blog entries. The Vue component sends AJAX requests to the Element API, receives JSON results, and renders them in a navigable dropdown.

## Source excerpt

Here's how to use Craft CMS's Element API and VueJS to create a fast, functional autocomplete search feature