FastComments Vue 2 Library
Αυτή είναι η επίσημη βιβλιοθήκη Vue 2 του FastComments.
Widgets σχολιασμού FastComments για το Vue 2
Αποθετήριο
Εγκατάσταση 
NPM
npm install --save fastcomments-vueYarn
yarn add fastcomments-vueΧρήση
Το Widget Σχολίων
Το συστατικό FastCommentsVue περιέχει το ζωντανό widget σχολίων FastComments.
Αντικαταστήστε το "demo" παρακάτω με το "tenantId" σας - διαθέσιμο εδώ στην περιοχή διαχείρισης FastComments.
Το widget υποστηρίζει πολλές επιλογές - δείτε το FastCommentsConfig εδώ.
<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>Ενημέρωση της τρέχουσας σελίδας (Παράδειγμα SPA)
Στο FastComments, το id του άρθρου, ή της σελίδας με την οποία συνδέονται τα σχόλια, το ονομάζουμε URL ID καθώς μπορεί να είναι ένα url ή ένα ID. Ορίστε το URL ID με τον ακόλουθο τρόπο. Το component παρακολουθεί αλλαγές στο αντικείμενο config και θα ξαναφορτώσει, οπότε μπορείτε απλώς να ενημερώσετε τις ρυθμίσεις "url" και "urlId".
Δείτε ένα πλήρες λειτουργικό παράδειγμα εδώ.
Εκτελέστε το παράδειγμα σελιδοποίησης μέσω:
npm run serve-pagination<fast-comments-vue v-bind:config="{tenantId: 'demo', url: 'https://example.com', urlId: 'some-page-id'}" />Περιοχή λογαριασμού (ΠΡΟΣΟΧΗ: Πελάτες ΕΕ)
Εάν ο λογαριασμός σας βρίσκεται στην ΕΕ, ορίστε region = 'eu' στη διαμόρφωση του widget, για παράδειγμα:
<fast-comments-vue v-bind:config="{tenantId: 'demo', url: 'https://example.com', urlId: 'some-page-id', region: 'eu'}" />Διαφορετικά, δεν χρειάζεται να ορίσετε region.
Σε Παραγωγή
Πιθανότατα δεν θέλετε να ορίσετε το config ενσωματωμένα αν περνάτε callbacks κ.λπ. Αντίθετα, θα θελήσετε να ορίσετε
το config σε ένα μπλοκ computed, αλλιώς κάθε φορά που καλείται ο callback σας κ.λπ. ολόκληρο το widget θα re-render.
Χρειάζεστε βοήθεια;
Εάν αντιμετωπίσετε οποιαδήποτε προβλήματα ή έχετε ερωτήσεις σχετικά με τη βιβλιοθήκη Vue 2, παρακαλούμε:
Συνεισφορές
Οι συνεισφορές είναι ευπρόσδεκτες! Παρακαλούμε επισκεφθείτε το αποθετήριο GitHub για οδηγίες συνεισφοράς.