el-autocomplete和el-select区别

el-autocomplete和el-select都是element-ui中的下拉选择框组件，但它们有以下几点不同：

1. 功能不同：el-select是一个纯下拉选择框，而el-autocomplete则是一个带有自动补全功能的下拉选择框。

2. 显示方式不同：el-select的下拉框是一次性展开的，而el-autocomplete的下拉框是根据用户输入的内容动态展开的。

3. 数据源不同：el-select的数据源是静态的，需要在代码中预先定义好选项，而el-autocomplete的数据源可以是静态的，也可以是动态的，可以通过fetch-suggestions属性来异步获取数据。

以下是el-autocomplete的一个例子：

<el-autocomplete v-model="state" :fetch-suggestions="querySearchAsync" placeholder="请输入内容" style="width: 300px"></el-autocomplete>

其中，v-model绑定了一个名为state的变量，fetch-suggestions属性指定了一个异步获取数据的方法querySearchAsync，placeholder属性指定了输入框的提示文本，style属性指定了输入框的宽度。