Add Comments to Your Vue 2 App
Questa è la libreria ufficiale per Vue 2 di FastComments.
I widget di commento di FastComments per Vue 2
Repository
Dimostrazione dal vivo 
Per vedere tutti i widget e i flussi in esecuzione localmente contro il tenant pubblico demo, clona il repository ed esegui:
npm install
npm run serveI singoli demo hanno anche i loro punti di ingresso (npm run serve-collab-chat, serve-live-chat, serve-image-chat, serve-pagination, serve-toggle-dark-mode) sotto dev/.
Installazione
NPM
npm install --save fastcomments-vueYarn
yarn add fastcomments-vueUtilizzo
Il widget dei commenti
Il componente FastCommentsVue contiene il widget dei commenti FastComments in tempo reale.
Sostituisci "demo" qui sotto con il tuo "tenantId" - disponibile qui nell'area di amministrazione di FastComments.
Il widget supporta numerose opzioni - vedi FastCommentsConfig qui.
<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>Aggiornamento della pagina corrente (esempio SPA)
In FastComments chiamiamo l'id dell'articolo, o della pagina a cui i commenti sono legati, URL ID poiché può essere un url o un ID. Definisci l'URL ID nel seguente modo. Il componente osserva le modifiche nell'oggetto config e si ricaricherà, quindi puoi semplicemente aggiornare le impostazioni "url" e "urlId".
Vedi un esempio completo e funzionante qui.
Esegui l'esempio di paginazione con:
npm run serve-pagination<fast-comments-vue v-bind:config="{tenantId: 'demo', url: 'https://example.com', urlId: 'some-page-id'}" />Regione account (ATTENZIONE: clienti UE)
Se il tuo account si trova nell'UE, imposta region = 'eu' nella configurazione del widget, per esempio:
<fast-comments-vue v-bind:config="{tenantId: 'demo', url: 'https://example.com', urlId: 'some-page-id', region: 'eu'}" />Altrimenti, non è necessario definire region.
In produzione
Probabilmente non vuoi definire la config inline se stai passando callback, ecc. Invece, dovresti definire la config in un blocco computed, altrimenti ogni volta che il tuo callback, ecc., viene invocato l'intero widget verrà renderizzato di nuovo.
Stato di manutenzione
Questi componenti sono wrapper attorno ai nostri componenti core VanillaJS. Possiamo aggiornare automaticamente questi componenti (correggere bug, aggiungere funzionalità) senza pubblicare questa libreria, quindi anche se potrebbe non essere pubblicata per un po' non significa che FastComments non sia in sviluppo attivo! Sentitevi liberi di consultare il nostro blog per aggiornamenti. Le modifiche incompatibili dell'API o le nuove funzionalità non verranno mai rilasciate nella libreria core sottostante senza un aumento di versione in questa libreria.
Hai bisogno di aiuto?
Se riscontri problemi o hai domande sulla libreria Vue 2, per favore:
Contribuire
I contributi sono benvenuti! Visita il repository GitHub per le linee guida sui contributi.