Bibliothèque de composants UI Instantsearch Vue

Qu'est-ce qu'Algolia ?

Algolia permet aux développeurs modernes de créer des expériences de recherche et de découverte de classe mondiale sans aucun DevOps.
Les bibliothèques compatibles avec tous les principaux langages et frameworks facilitent l'enrichissement de l'expérience utilisateur.

Ajouter la recherche instantanée aux applications Vue

La bibliothèque d'interface utilisateur Vue InstantSearch propose des widgets pré-construits, personnalisables et flexibles pour créer vos propres expériences de recherche ; découvrez-en plus dans la démo . Elle intègre le rendu côté serveur et le routage, est open source, prête pour la production et maintenue par Algolia.

Caractéristiques

Fournit des composants d'interface utilisateur pré-construits, conformes aux meilleures pratiques pour Vue, et indépendants des frameworks externes.
Intégrez-le à votre interface utilisateur ou application existante, ou utilisez les modèles InstantSearch.
Livré avec un thème CSS par défaut, entièrement personnalisable
Gère toute la logique métier des requêtes de recherche, des réponses et des états
Personnalisation progressive des composants (utiliser, étendre ou personnaliser)

Version

Compatible with all current versions of the underlying <JavaScrip>t library
Le code est entièrement open source et disponible sur GitHub
Démarrez votre application avec create-instantsearch-app, NPM, ...

Intégrations associées

Fonctionne avec la saisie semi-automatique
Et avec tous nos clients et frameworks API

liens clés

Commencer gratuitement

MODÈLE (CRÉEZ UN COMPTE GRATUIT ICI )

          
            <template>

  <ais-instant-search :search-client="searchClient" index-name="demo_ecommerce">

    <ais-search-box />

    <ais-hits>

      <template v-slot:item="{ item }">

        <h2>{{ item.name }}</h2>

      </template>

    </ais-hits>

  </ais-instant-search>

</template>

CSS

          
            <style>

body {

  font-family: sans-serif;

  padding: 1em;

}

</style>

RECHERCHE

          
            <script>

import algoliasearch from 'algoliasearch/lite';

import 'instantsearch.css/themes/satellite-min.css';

export default {

  data() {

    return {

      searchClient: algoliasearch(

        'B1G2GM9NG0',

        'aadef574be1f9252bb48d4ea09b5cfe5'

      ),

    };

  },

};

</script>

Vue + Algolia