Add Comments to Your Vue 3 App
Αυτή είναι η επίσημη βιβλιοθήκη Vue 3 για το FastComments.
Ενσωματώστε ζωντανά σχόλια, συνομιλία και widgets αξιολόγησης στην εφαρμογή Vue σας.
Αποθετήριο
Ζωντανή επίδειξη 
Δοκιμάστε κάθε widget ζωντανά στο https://fastcomments.com/commenting-system-for-vue.
Ζωντανή παρουσίαση
Για να δείτε κάθε widget και flow να τρέχει τοπικά απέναντι στον δημόσιο demo tenant, κλωνοποιήστε το αποθετήριο και τρέξτε:
npm install
npm run devΤο σημείο εισόδου της επίδειξης βρίσκεται στο src/App.vue και index.html — κάθε widget/flow αποδίδεται στην ίδια εφαρμογή που μπορείτε να αντιγράψετε στο δικό σας έργο 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 αποκαλούμε το id του άρθρου, ή τη σελίδα στην οποία συνδέονται τα σχόλια, το 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'}" />Account Region (ATTENTION: EU Customers)
Εάν ο λογαριασμός σας βρίσκεται στην ΕΕ, ορίστε 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 είναι wrappers γύρω από τα core VanillaJS components. Μπορούμε να ενημερώνουμε αυτόματα αυτά τα components (επιδιόρθωση σφαλμάτων, προσθήκη δυνατοτήτων) χωρίς να δημοσιεύσουμε αυτή τη βιβλιοθήκη, οπότε αν και μπορεί να μην δημοσιευτεί για κάποιο διάστημα, αυτό δεν σημαίνει ότι το FastComments δεν βρίσκεται υπό ενεργή ανάπτυξη! Μη διστάσετε να ελέγξετε το ιστολόγιό μας για ενημερώσεις. Σημαντικές αλλαγές που σπάνε το API ή νέες δυνατότητες δεν θα σταλούν ποτέ στην υποκείμενη core βιβλιοθήκη χωρίς αύξηση έκδοσης σε αυτή τη βιβλιοθήκη.
FastComments
FastComments
Αυτή η τεκμηρίωση περιέχει μερικά παραδείγματα για το πώς να χρησιμοποιήσετε το FastComments με το Vue3.
Για την πλήρη λίστα επιλογών διαμόρφωσης, δείτε το fastcomments-typescript και την τεκμηρίωσή μας.
Χρειάζεστε βοήθεια;
Εάν αντιμετωπίσετε προβλήματα ή έχετε ερωτήσεις σχετικά με τη βιβλιοθήκη Vue 3, παρακαλούμε:
Συνεισφορά
Οι συνεισφορές είναι ευπρόσδεκτες! Παρακαλούμε επισκεφθείτε το αποθετήριο GitHub για οδηγίες συνεισφοράς.