vue搜索功能边搜索变显示

							vue搜索功能边搜索变显示
	话不多说直接上代码
	<template>
	  <div id="box">
	    <el-input v-model="title" placeholder="请输入内容"></el-input>
	    <ul v-for="(item,index) in search" :key="index" >
	      <li>{{ item.p }}</li>
	    </ul>
	  </div>
	</template>
	<script>
		import axios from 'axios' //引入axios
		// 节流函数
		const delay = (function() {
		  let timer = 0;
		  return function(callback, ms) {
		    clearTimeout(timer);
		    timer = setTimeout(callback, ms);
		  };
		})();
		export default {
		  name: 'box',
		  data() {
		    return {
		      title: '',
		      search:[],
		    };
		  },
		  watch: {
		    title() {
		      delay(() => {
		        this.fetchData();
		      }, 300);
		    },
		  },
		  methods: {
		    async fetchData(val) {
		       axios.get('api/search-association.html?name='+this.title)
		        .then(data =>{
		        console.log(data.data)
		        this.search = data.data
		      })
		    },
		  },
		  mounted() {
		  },
		};
	</script>
	上面用到了反代理（调用的是名鞋库的搜索api）
	proxyTable: {
      '/api': {
        target: 'https://www.s.cn/',
        changeOrigin: true,
        pathRewrite: {
          '^/api': ''
        }
      }
    },
    以上就是全部代码，如果有大神进一步改进，在下感激不尽，希望告诉小弟；