简介 #

什么是VueGlobalSearch #

VueGlobalSearch 是一个用于 Vue 应用程序的全局功能搜索组件。它基于 Vue 开发，并提供了默认的搜索按钮，点击按钮即可以打开全局搜索弹窗。如果你想自定义搜索按钮，也可以使用 JavaScript API 来打开全局搜索弹窗。如果你的应用程序功能很多，VueGlobalSearch 能帮助你的用户快速定位并导航到想去的功能页面。

下面是一个最基本的示例：

<template>
    <VueGlobalSearch :data="[{
        title: '光锥',
        url: 'https://light-cone.cn'
    }]"></VueGlobalSearch>
</template>

<template>
    <VueGlobalSearch :data="[{
        title: '光锥',
        url: 'https://light-cone.cn'
    }]"></VueGlobalSearch>
</template>

结果展示

上面的示例展示了 VueGlobalSearch 的核心功能：

• 检索：搜索框输入关键字可以检索预先设定的功能

• 导航：点击其中一项结果可以导航到对应的路径

下面，让我们从 安装 开始学习如何使用 VueGlobalSearch 吧