Add Comments to Your Vue 2 App
Dit is de officiële Vue 2-bibliotheek voor FastComments.
FastComments commentaarwidgets voor Vue 2
Repository
Live demonstratie 
Om elke widget en flow lokaal te zien draaien tegen de publieke demo-tenant, kloon de repository en voer uit:
npm install
npm run serveIndividuele demo's hebben ook hun eigen entry points (npm run serve-collab-chat, serve-live-chat, serve-image-chat, serve-pagination, serve-toggle-dark-mode) onder dev/.
Installatie
NPM
npm install --save fastcomments-vueYarn
yarn add fastcomments-vueGebruik
De Reactie-widget
De FastCommentsVue-component bevat de live FastComments-reactie-widget.
Vervang "demo" hieronder door uw "tenantId" - beschikbaar hier in het FastComments-beheergebied.
De widget ondersteunt veel opties - zie 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>De huidige pagina bijwerken (SPA-voorbeeld)
Bij FastComments noemen we de artikel-id, of de pagina waaraan de reacties gekoppeld zijn, de URL ID omdat het een url of een ID kan zijn. Definieer de URL ID op de volgende manier. De component let op wijzigingen in het config-object en zal opnieuw laden, dus je kunt gewoon de instellingen "url" en "urlId" bijwerken.
Zie een volledig werkend voorbeeld hier.
Voer het voorbeeld voor paginering uit via:
npm run serve-pagination<fast-comments-vue v-bind:config="{tenantId: 'demo', url: 'https://example.com', urlId: 'some-page-id'}" />Accountregio (LET OP: EU-klanten)
Als je account zich in de EU bevindt, stel dan region = 'eu' in de widgetconfiguratie in, bijvoorbeeld:
<fast-comments-vue v-bind:config="{tenantId: 'demo', url: 'https://example.com', urlId: 'some-page-id', region: 'eu'}" />Anders hoef je region niet te definiëren.
In productie
Je wilt de config waarschijnlijk niet inline definiëren als je callbacks enz. doorgeeft. In plaats daarvan wil je de config in een computed-blok definiëren; anders zal elke keer dat je callback enz. wordt aangeroepen, het hele widget opnieuw renderen.
Onderhoudsstatus
Deze componenten zijn wrappers rond onze kern-VanillaJS-componenten. We kunnen deze componenten automatisch bijwerken (bugs oplossen, functies toevoegen) zonder deze bibliotheek te publiceren, dus ook al wordt deze misschien enige tijd niet gepubliceerd, betekent dat niet dat FastComments niet actief in ontwikkeling is! Bekijk gerust onze blog voor updates. Brekende API-wijzigingen of functies zullen nooit naar de onderliggende kernbibliotheek worden doorgevoerd zonder een versieverhoging in deze bibliotheek.
Hulp nodig?
Als u problemen ondervindt of vragen heeft over de Vue 2 Library, neem dan contact op via:
Bijdragen
Bijdragen zijn welkom! Bezoek de GitHub-repository voor richtlijnen voor bijdragen.