JSFiddle - React, Tailwind, and code Playground

by graphettion

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.17/vue.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/axios/0.18.0/axios.min.js"></script>
<div id="app">
  <input class="form-control" type="text" value="" list="users" placeholder="Search for a course..." />
  <datalist id="users">
    <option v-for="user in users" :value="user.name"></option>
  </datalist>
<div>

JavaScript

new Vue({
  el: "#app",
  data() {
			return {
				users: [],
        selected: []
			}
		},
		mounted() {
			axios.get("https://jsonplaceholder.typicode.com/users")
				.then(res => this.users = res.data)
				.catch(error => console.log(error))
		}
})