# @appbaseio/reactivesearch-vue 中文文档

规范地址：https://npmcn.com/package/%40appbaseio/reactivesearch-vue/

版本：3\.5\.0
npm 元数据更新时间：2026-07-26T08:38:33.944Z
中文译文更新时间：2026-11-07T08:34:22.541Z
软件包许可：Apache-2\.0

本文由上游 README 翻译，可能存在偏差，请结合原文核对 API、命令与配置。版权与许可归原作者所有。

原始 npm 页面：https://www.npmjs.com/package/%40appbaseio/reactivesearch-vue
原文对照：https://npmcn.com/package/%40appbaseio/reactivesearch-vue/?lang=original
项目主页：https://github.com/appbaseio/reactivesearch#readme
源码仓库：https://github.com/appbaseio/reactivesearch

## 关键信息（来自 npm 元数据）

- 包体积（解压后）：10.3 MB，116 个文件
- 模块格式：ESM + CJS
- TypeScript 类型：包内自带
- 运行依赖：21 个
- peer 依赖：vue ^3\.1\.0
- 首次发布：2018-10-26T14:07:27.272Z
- 最新版本发布：2026-07-26T08:38:33.760Z
- 近 30 天下载量：1982（2026-10-07 至 2026-11-05，npm 官方下载统计）
- 已发布版本数：281（近 12 个月 1 个）

## 中文简介

Vue UI 组件库,用于构建搜索体验

## 安装

```sh
npm install @appbaseio/reactivesearch-vue
```

也可以使用：`pnpm add @appbaseio/reactivesearch-vue`、`yarn add @appbaseio/reactivesearch-vue`、`bun add @appbaseio/reactivesearch-vue`

## README

## ![reactivesearch](https://i.imgur.com/iiR9wAs.png "reactivesearch")  
反应搜索 Vue  

Vue 的弹性搜索 UI 组件 .

* * *

[![npm version](https://badge.fury.io/js/%40appbaseio%2Freactivesearch-vue.svg)](https://badge.fury.io/js/%40appbaseio%2Freactivesearch-vue) [![](https://img.shields.io/badge/license-Apache%202-blue.svg)](https://github.com/appbaseio/mirage/blob/dev/LICENSE.md) [![PRs Welcome](https://img.shields.io/badge/PRs-welcome-brightgreen.svg)](https://github.com/appbaseio/reactivesearch/blob/dev/.github/CONTRIBUTING.md)

用于弹性搜索的 Vue UI 组件 .

![Banner Image showing all the UI components we offer](https://i.imgur.com/bJ1QKZS.png)

## 安装

```
yarn add @appbaseio/reactivesearch-vue
```

## 文档

图书馆的官方文件在 [这里](https://docs.appbase.io/docs/reactivesearch/vue/overview/QuickStart)。 。 。 .

构成部分分为四个部分:

-   基于列表的 UI 组件位于 [这里](https://docs.appbase.io/docs/reactivesearch/vue/list/SingleList/)。 。 。 .
-   以区域为基础的 UI 组件处于 [这里](https://docs.appbase.io/docs/reactivesearch/vue/range/SingleRange/)。 。 。 .
-   搜索 UI 组件在 [这里](https://docs.appbase.io/docs/reactivesearch/vue/search/SearchBox/)。 。 。 .
-   结果组件在 [这里](https://docs.appbase.io/docs/reactivesearch/vue/result/ReactiveList/)。 。 。 .

## 相关工具和项目

-   [**反应搜索板**](https://dashboard.appbase.io/reactivesearch/) 您的反活性搜索相关应用程序( 通过交互式教程创建, 由他人共享等) 可以从这里访问 .
    
-   [**反应映射**](https://github.com/appbaseio/reactivemaps) 是一个类似 Reactive Search 的工程,可以轻松构建实时地图.
    
-   [**应用程序js**](https://github.com/appbaseio/appbase-js) 虽然构建搜索 UI 具有反活性搜索的可达性,但您可能需要添加一些输入窗体 . **应用程序js** 在那里有帮助.
    
-   [**脱口而出**](https://github.com/appbaseio/dejavu) 允许在 appbase.io (或 Elasticsearch) app 内查看原始数据. **即将发布功能 :** 能够从 CSV 和 JSON 文件导入自定义数据,同时在应用数据映射上进行有指引的行走.
    
-   [**幻觉**](https://github.com/appbaseio/mirage) 反应Search组件可以使用自定义的弹性搜索查询来扩展. 对于这些新到"弹性搜索"(Elasticsearch),幻影提供了一种直观的图形界面来编译查询.
    

[![](https://i.imgur.com/UL6B0uE.png)](https://appbase.io/pricing#support)

## 常见问题

### @appbaseio/reactivesearch-vue 是什么？

Vue UI 组件库,用于构建搜索体验

### 如何安装 @appbaseio/reactivesearch-vue？

在项目目录运行 npm install @appbaseio/reactivesearch-vue，或使用 pnpm add / yarn add / bun add。它还需要宿主项目提供 peer 依赖：vue（^3\.1\.0）。npm 7 及以上与 pnpm 8 及以上默认会自动安装必需的 peer 依赖，Yarn 需要手动安装。

### @appbaseio/reactivesearch-vue 支持 TypeScript 吗？

支持。包内自带 TypeScript 类型声明（package\.json 声明了 types 入口），安装后即可获得类型提示，无需再安装 @types 包。

### @appbaseio/reactivesearch-vue 支持 ESM 还是 CommonJS？

同时提供 ES Module 与 CommonJS 入口，import 和 require\(\) 都可以使用，打包工具会自动选择合适的版本。

### @appbaseio/reactivesearch-vue 可以商用吗？

@appbaseio/reactivesearch-vue 使用 Apache-2\.0 许可。宽松许可：允许商业使用、修改和再分发，并附带明确的专利授权；分发时需保留许可与 NOTICE 文件，修改过的文件要注明改动。以上为概括，不构成法律意见，请以许可原文为准。

### @appbaseio/reactivesearch-vue 的下载量有多少？

根据 npm 官方下载统计，@appbaseio/reactivesearch-vue 在 2026/10/07 – 2026/11/05 这 30 天内被下载 1,982 次，日均约 66 次。下载量会把 CI 构建、镜像同步和作为其他包依赖的安装一并计入，适合横向比较热度，不能直接等同于使用人数。

### @appbaseio/reactivesearch-vue 还在维护吗？

最新版本 3\.5\.0 发布于 2026/07/26（3 个月前）；至今共发布 281 个版本，其中过去 12 个月发布了 1 个；首次发布于 2018/10/26。发布频率只是参考信号：功能稳定的工具可能很少需要更新，建议结合源码仓库的 issue 和提交记录判断。