Add Comments to Your Vue 2 App
To jest oficjalna biblioteka Vue 2 dla FastComments.
Widżety komentowania FastComments dla Vue 2
Repozytorium
Prezentacja na żywo 
Aby zobaczyć wszystkie widgety i flow uruchomione lokalnie wobec publicznej instancji demo, sklonuj repozytorium i uruchom:
npm install
npm run servePoszczególne dema mają także własne punkty wejścia (npm run serve-collab-chat, serve-live-chat, serve-image-chat, serve-pagination, serve-toggle-dark-mode) w katalogu dev/.
Instalacja
NPM
npm install --save fastcomments-vueYarn
yarn add fastcomments-vueUżycie
Widżet komentarzy
Komponent FastCommentsVue zawiera działający widżet komentarzy FastComments.
Zastąp poniżej "demo" swoim "tenantId" - dostępnym tutaj w panelu administracyjnym FastComments.
Widżet obsługuje wiele opcji - zobacz FastCommentsConfig tutaj.
<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>Aktualizacja bieżącej strony (przykład SPA)
W FastComments identyfikator artykułu lub strony, z którą powiązane są komentarze, nazywamy URL ID, ponieważ może to być url lub ID. Zdefiniuj URL ID w następujący sposób. Komponent nasłuchuje zmian w obiekcie config i przeładuje się, więc możesz po prostu zaktualizować ustawienia "url" i "urlId".
Zobacz pełny działający przykład tutaj.
Uruchom przykład paginacji za pomocą:
npm run serve-pagination<fast-comments-vue v-bind:config="{tenantId: 'demo', url: 'https://example.com', urlId: 'some-page-id'}" />Region konta (UWAGA: klienci z UE)
Jeśli Twoje konto znajduje się w UE, ustaw region = 'eu' w konfiguracji widżetu, na przykład:
<fast-comments-vue v-bind:config="{tenantId: 'demo', url: 'https://example.com', urlId: 'some-page-id', region: 'eu'}" />W przeciwnym razie nie musisz definiować region.
W środowisku produkcyjnym
Prawdopodobnie nie chcesz definiować konfiguracji inline, jeśli przekazujesz callbacki itp. Zamiast tego będziesz chciał zdefiniować
konfigurację w bloku computed, w przeciwnym razie za każdym razem, gdy twój callback itp. zostanie wywołany, cały widżet zostanie ponownie wyrenderowany.
Zobacz przykład spinnera, aby dowiedzieć się, jak to zrobić.
Status utrzymania
Te komponenty są wrapperami wokół naszych podstawowych komponentów VanillaJS. Możemy automatycznie aktualizować te komponenty (naprawiać błędy, dodawać funkcje) bez publikowania tej biblioteki, więc choć może ona nie być publikowana przez pewien czas, nie oznacza to, że FastComments nie jest aktywnie rozwijany! Zapraszamy do sprawdzania naszego bloga w celu uzyskania aktualizacji. Zmiany łamiące API lub nowe funkcje nigdy nie zostaną wprowadzone do bazowej biblioteki bez podbicia wersji w tej bibliotece.
Potrzebujesz pomocy?
Jeśli napotkasz jakiekolwiek problemy lub masz pytania dotyczące biblioteki Vue 2, prosimy:
Współtworzenie
Wkłady są mile widziane! Prosimy odwiedzić repozytorium GitHub w celu zapoznania się z wytycznymi dotyczącymi kontrybucji.