Add Comments to Your Vue 2 App
Αυτή είναι η επίσημη βιβλιοθήκη Vue 2 του FastComments.
Widgets σχολιασμού FastComments για το Vue 2
Αποθετήριο
Ζωντανή επίδειξη 
Για να δείτε κάθε widget και flow να τρέχει τοπικά ενάντια στον δημόσιο tenant demo, κλωνοποιήστε το repo και τρέξτε:
npm install
npm run serveΤα μεμονωμένα demos έχουν επίσης τα δικά τους σημεία εισόδου (npm run serve-collab-chat, serve-live-chat, serve-image-chat, serve-pagination, serve-toggle-dark-mode) κάτω από dev/.
Εγκατάσταση
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.
Κατάσταση συντήρησης
Αυτά τα components είναι wrappers γύρω από τα βασικά components του VanillaJS. Μπορούμε να ενημερώνουμε αυτόματα αυτά τα components (επιδιόρθωση σφαλμάτων, προσθήκη λειτουργιών) χωρίς να δημοσιεύουμε αυτή τη βιβλιοθήκη, οπότε το γεγονός ότι ίσως να μην έχει δημοσιευτεί για λίγο δεν σημαίνει ότι το FastComments δεν βρίσκεται σε ενεργή ανάπτυξη! Μη διστάσετε να επισκεφθείτε το ιστολόγιό μας για ενημερώσεις. Αλλαγές που σπάνε το API ή νέες λειτουργίες δεν θα προωθούνται ποτέ στην υποκείμενη βασική βιβλιοθήκη χωρίς αύξηση έκδοσης σε αυτή τη βιβλιοθήκη.
Χρειάζεστε βοήθεια;
Εάν αντιμετωπίσετε οποιαδήποτε προβλήματα ή έχετε ερωτήσεις σχετικά με τη βιβλιοθήκη Vue 2, παρακαλούμε:
Συνεισφορές
Οι συνεισφορές είναι ευπρόσδεκτες! Παρακαλούμε επισκεφθείτε το αποθετήριο GitHub για οδηγίες συνεισφοράς.