Add Comments to Your Vue 3 App
Αυτή είναι η επίσημη βιβλιοθήκη Vue 3 για το FastComments.
Ενσωματώστε widgets για ζωντανά σχόλια, συνομιλία και αξιολογήσεις στην εφαρμογή Vue σας.
Αποθετήριο
Ζωντανή επίδειξη 
Δοκιμάστε κάθε widget ζωντανά στο https://fastcomments.com/commenting-system-for-vue.
Ζωντανή παρουσίαση
Για να δείτε κάθε widget και ροή να τρέχει τοπικά ενάντια στο δημόσιο tenant demo, κλωνοποιήστε το αποθετήριο και εκτελέστε:
npm install
npm run devΤο σημείο εισόδου της παρουσίασης βρίσκεται σε src/App.vue και index.html — κάθε widget/ροή αποδίδεται στην ίδια εφαρμογή την οποία μπορείτε να αντιγράψετε στο δικό σας έργο Vue 3.
Εγκατάσταση
NPM
npm install --save fastcomments-vue-nextYarn
yarn add fastcomments-vue-nextΧρήση
Το widget σχολίων
Το συστατικό FastCommentsVueNext περιέχει το ζωντανό widget σχολίων FastComments.
Αντικαταστήστε το "demo" πιο κάτω με το "tenantId" σας - διαθέσιμο εδώ στην περιοχή διαχείρισης FastComments.
Το widget υποστηρίζει πολλές επιλογές - δείτε το FastCommentsConfig εδώ.
<template>
<FastComments v-bind:config="{tenantId: 'demo'}" />
</template>
<script>
import { FastComments } from 'fastcomments-vue-next'
export default {
name: 'FastCommentsExample',
components: {
FastComments
}
}
</script>Ενημέρωση της τρέχουσας σελίδας (παράδειγμα SPA)
Στο FastComments αποκαλούμε το αναγνωριστικό του άρθρου ή της σελίδας στην οποία συνδέονται τα σχόλια, URL ID, καθώς μπορεί να είναι είτε URL είτε ID. Ορίστε το URL ID με τον ακόλουθο τρόπο. Το component παρακολουθεί αλλαγές στο αντικείμενο config και θα επαναφορτωθεί, οπότε μπορείτε να ενημερώσετε το URL ID.
<FastComments v-bind:config="{tenantId: 'demo', url: 'https://example.com/somepage', urlId: 'some-page-id'}" />Περιοχή Λογαριασμού (ΠΡΟΣΟΧΗ: ΠΕΛΑΤΕΣ ΕΕ)
Εάν ο λογαριασμός σας βρίσκεται στην ΕΕ, ορίστε region = 'eu' στη διαμόρφωση του widget, για παράδειγμα:
<FastComments v-bind:config="{tenantId: 'demo', url: 'https://example.com/somepage', urlId: 'some-page-id', region: 'eu'}" />Διαφορετικά, δεν χρειάζεται να ορίσετε region.
Σε παραγωγή
Μάλλον δεν θέλετε να ορίσετε το config inline αν περνάτε callbacks κ.λπ. Αντίθετα, θα θέλετε να ορίσετε
το config μέσω του computed(), αλλιώς κάθε φορά που καλείται το callback σας κ.λπ. ολόκληρο το widget θα επανα-αποδοθεί.
Όλα τα widgets και η τεκμηρίωση
Εκτελέστε την τοπική τεκμηρίωση:
npm run serveΚατάσταση συντήρησης
Αυτά τα components είναι περιτυλίγματα γύρω από τα βασικά μας components VanillaJS. Μπορούμε να ενημερώνουμε αυτόματα αυτά τα components (διόρθωση σφαλμάτων, προσθήκη λειτουργιών) χωρίς να δημοσιεύσουμε αυτή τη βιβλιοθήκη, οπότε παρόλο που ίσως να μην δημοσιευτεί για κάποιο διάστημα, αυτό δεν σημαίνει ότι το FastComments δεν βρίσκεται υπό ενεργή ανάπτυξη! Μη διστάσετε να ελέγξετε το ιστολόγιό μας για ενημερώσεις. Σοβαρές αλλαγές που σπάνε το API ή νέες λειτουργίες δεν θα αποσταλούν ποτέ στη θεμελιώδη βιβλιοθήκη χωρίς αύξηση έκδοσης σε αυτή τη βιβλιοθήκη.
FastComments
FastComments
Αυτή η τεκμηρίωση περιέχει μερικά παραδείγματα του πώς να χρησιμοποιήσετε το FastComments με Vue3.
Για πλήρη λίστα επιλογών διαμόρφωσης, δείτε fastcomments-typescript και την τεκμηρίωσή μας.
Χρειάζετε βοήθεια;
Εάν αντιμετωπίσετε οποιαδήποτε προβλήματα ή έχετε ερωτήσεις σχετικά με τη Βιβλιοθήκη Vue 3, παρακαλούμε:
Συνεισφορά
Οι συνεισφορές είναι ευπρόσδεκτες! Παρακαλούμε επισκεφθείτε το αποθετήριο στο GitHub για οδηγίες συνεισφοράς.