Add Comments to Your Vue 3 App
To jest oficjalna biblioteka Vue 3 dla FastComments.
Osadź w swojej aplikacji Vue widżety do komentowania na żywo, czatu i recenzji.
Repozytorium
Demo na żywo 
Wypróbuj każdy widżet na żywo pod adresem https://fastcomments.com/commenting-system-for-vue.
Prezentacja na żywo
Aby zobaczyć wszystkie widżety i przepływy działające lokalnie w ramach publicznego tenanta demo, sklonuj repozytorium i uruchom:
npm install
npm run devPunkt wejścia pokazu znajduje się w src/App.vue i index.html — każdy widżet/przepływ jest renderowany w tej samej aplikacji, którą możesz skopiować do własnego projektu Vue 3.
Instalacja
NPM
npm install --save fastcomments-vue-nextYarn
yarn add fastcomments-vue-nextUżycie
Widżet komentarzy
Komponent FastCommentsVueNext zawiera widżet komentarzy FastComments działający na żywo.
Zamień "demo" poniżej na swój "tenantId" - dostępny tutaj w obszarze administracyjnym FastComments.
Widżet obsługuje wiele opcji - zobacz FastCommentsConfig tutaj.
<template>
<FastComments v-bind:config="{tenantId: 'demo'}" />
</template>
<script>
import { FastComments } from 'fastcomments-vue-next'
export default {
name: 'FastCommentsExample',
components: {
FastComments
}
}
</script>Aktualizowanie bieżącej strony (przykład SPA)
W FastComments identyfikator artykułu lub strony, do której przypisywane są komentarze, nazywamy URL ID, ponieważ może to być zarówno adres URL, jak i identyfikator. Zdefiniuj URL ID w następujący sposób. Komponent nasłuchuje zmian w obiekcie config i przeładuje się, więc możesz zaktualizować URL ID.
<FastComments v-bind:config="{tenantId: 'demo', url: 'https://example.com/somepage', urlId: 'some-page-id'}" />Account Region (ATTENTION: EU Customers)
Jeśli Twoje konto znajduje się w UE, ustaw region = 'eu' w konfiguracji widgeta, na przykład:
<FastComments v-bind:config="{tenantId: 'demo', url: 'https://example.com/somepage', urlId: 'some-page-id', region: 'eu'}" />W przeciwnym razie nie musisz definiować region.
W środowisku produkcyjnym
Prawdopodobnie nie chcesz definiować konfiguracji bezpośrednio, jeśli przekazujesz funkcje zwrotne itp. Zamiast tego będziesz chciał zdefiniować
konfigurację za pomocą computed(), w przeciwnym razie za każdym razem, gdy twoja funkcja zwrotna itp. zostanie wywołana, cały widżet zostanie ponownie wyrenderowany.
Wszystkie widżety i dokumentacja
Uruchom dokumentację lokalnie:
npm run serveStatus utrzymania
Te komponenty są wrapperami wokół naszych podstawowych komponentów VanillaJS. Możemy automatycznie aktualizować te komponenty (poprawiać błędy, dodawać funkcje) bez publikowania tej biblioteki, więc choć może ona nie być opublikowana przez jakiś czas, nie oznacza to, że FastComments nie jest aktywnie rozwijany! Zapoznaj się z naszym blogiem w celu uzyskania informacji o aktualizacjach. Zmiany łamiące API lub nowe funkcje nigdy nie zostaną wprowadzone do podstawowej biblioteki bez podniesienia wersji tej biblioteki.
FastComments
FastComments
Niniejsza dokumentacja zawiera kilka przykładów, jak używać FastComments z Vue3.
Pełną listę opcji konfiguracyjnych znajdziesz w fastcomments-typescript i naszej dokumentacji.
Potrzebujesz pomocy?
Jeśli napotkasz jakiekolwiek problemy lub masz pytania dotyczące biblioteki Vue 3, prosimy:
Wkład
Wkład jest mile widziany! Odwiedź repozytorium GitHub aby zapoznać się z wytycznymi dotyczącymi wkładu.