Add Comments to Your Vue 2 App
Dies ist die offizielle Vue 2-Bibliothek für FastComments.
FastComments Kommentar-Widgets für Vue 2
Repository
Live-Demo 
Um jedes Widget und jeden Flow zu sehen, die lokal gegen den öffentlichen demo Mandanten laufen, klonen Sie das Repository und führen Sie aus:
npm install
npm run serveEinzelne Demos haben außerdem eigene Einstiegspunkte (npm run serve-collab-chat, serve-live-chat, serve-image-chat, serve-pagination, serve-toggle-dark-mode) unter dev/.
Installation
NPM
npm install --save fastcomments-vueYarn
yarn add fastcomments-vueVerwendung
Das Kommentar-Widget
Die FastCommentsVue-Komponente enthält das Live-FastComments-Kommentar-Widget.
Ersetzen Sie "demo" unten durch Ihre "tenantId" - verfügbar hier im FastComments-Adminbereich.
Das Widget unterstützt viele Optionen - siehe FastCommentsConfig hier.
<script lang="ts">
import Vue from 'vue';
import FastCommentsVue from 'fastcomments-vue';
export default Vue.extend({
name: 'ServeDev',
components: {
FastCommentsVue
}
});
</script>
<template>
<div id="app">
<fast-comments-vue v-bind:config="{tenantId: 'demo'}" />
</div>
</template>Aktualisieren der aktuellen Seite (SPA-Beispiel)
Bei FastComments bezeichnen wir die Artikel-ID bzw. die Seite, an die Kommentare gebunden werden, als URL-ID, da es sich dabei um eine URL oder eine ID handeln kann. Definieren Sie die URL-ID auf folgende Weise. Die Komponente überwacht Änderungen im config-Objekt und lädt neu, sodass Sie einfach die Einstellungen "url" und "urlId" aktualisieren können.
Ein vollständiges, funktionierendes Beispiel finden Sie hier.
Starten Sie das Paginierungsbeispiel mit:
npm run serve-pagination<fast-comments-vue v-bind:config="{tenantId: 'demo', url: 'https://example.com', urlId: 'some-page-id'}" />Kontoregion (ACHTUNG: EU-Kunden)
Wenn sich Ihr Konto in der EU befindet, setzen Sie region = 'eu' in der Widget-Konfiguration, zum Beispiel:
<fast-comments-vue v-bind:config="{tenantId: 'demo', url: 'https://example.com', urlId: 'some-page-id', region: 'eu'}" />Andernfalls müssen Sie region nicht definieren.
In Produktion
Vermutlich möchten Sie die Konfiguration nicht inline definieren, wenn Sie Callbacks usw. übergeben. Stattdessen sollten Sie
die Konfiguration in einem computed-Block definieren, ansonsten wird jedes Mal, wenn Ihr Callback usw. aufgerufen wird, das gesamte Widget neu gerendert.
Wartungsstatus
Diese Komponenten sind Wrapper um unsere Kern-VanillaJS-Komponenten. Wir können diese Komponenten automatisch aktualisieren (Fehler beheben, Funktionen hinzufügen), ohne diese Bibliothek neu zu veröffentlichen, sodass es, auch wenn sie möglicherweise längere Zeit nicht veröffentlicht wird, nicht bedeutet, dass FastComments nicht aktiv weiterentwickelt wird! Schauen Sie gerne in unserem Blog nach Updates. Breaking-API-Änderungen oder neue Funktionen werden niemals in die zugrunde liegende Kernbibliothek ausgeliefert, ohne dass diese Bibliothek zuvor eine Versionsanhebung erhält.
Brauchen Sie Hilfe?
Wenn Sie auf Probleme stoßen oder Fragen zur Vue 2 Library haben, bitte:
Mitwirken
Beiträge sind willkommen! Bitte besuchen Sie das GitHub-Repository für Richtlinien zur Mitwirkung.