:::demo 示例

```html
<template>
    <!--autoComplete基本用法-->
    
    <div>
        <v-autocomplete
        :field="field"
        :placeholder="placeholder"
        :tools="tools"
        @query="query"
        v-model="value"
        :is-auto-fill="isAutoFill"
        @on-focus="focus"
        @on-blur="blur"
        >
        </v-autocomplete>
    </div>

</template>

<script>

import data from '../../mock/tableData.js'

export default {
    name:'basic',
    data(){
        return {
            field:"name",
            placeholder:"请输入查询关键字",
            data:data,
            tools:{
                clear:true
            },
            value:'test',
            isAutoFill:true
        };
    },
    methods:{
        //模拟查询数据
        query(value,callback){
            let filterData=[];
            if(value){
                this.data.forEach(function(item){
                    if(item["name"].toString().indexOf(value)>-1){
                        filterData.push(item);
                    }
                });
                if(filterData.length<=0){
                    filterData=this.data;
                }
            }
            callback(filterData);
        },
        focus(){
            console.log('focus');
        },
        blur(){
            console.log('blur'); 
        }
    }
}

</script>

```
:::