Add Comments to Your Vue 2 App
Αυτή είναι η επίσημη βιβλιοθήκη Vue 2 για το FastComments.
Widgets σχολιασμού του FastComments για το Vue 2
Αποθετήριο
Ζωντανή επίδειξη 
Για να δείτε κάθε widget και ροή να τρέχουν τοπικά ενάντια στον δημόσιο tenant demo, κλωνοποιήστε το αποθετήριο και τρέξτε:
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, την ταυτότητα του άρθρου ή της σελίδας στην οποία συνδέονται τα σχόλια την ονομάζουμε URL ID, καθώς μπορεί να είναι είτε url είτε ID. Ορίστε το URL ID με τον ακόλουθο τρόπο. Το component παρακολουθεί αλλαγές στο αντικείμενο config και θα ξαναφορτώσει, οπότε μπορείτε απλά να ενημερώσετε τις ρυθμίσεις "url" και "urlId".
Δείτε ένα πλήρες παράδειγμα λειτουργίας here.
Run the pagination example via:
npm run serve-pagination<fast-comments-vue v-bind:config="{tenantId: 'demo', url: 'https://example.com', urlId: 'some-page-id'}" />Account Region (ATTENTION: EU Customers)
If your account is located in the EU, set region = 'eu' in the widget configuration, for example:
<fast-comments-vue v-bind:config="{tenantId: 'demo', url: 'https://example.com', urlId: 'some-page-id', region: 'eu'}" />Otherwise, you do not have to define region.
Σε παραγωγή
Μάλλον δεν θέλετε να ορίσετε το config inline αν περνάτε callbacks κ.λπ. Αντίθετα, θα θέλετε να ορίσετε
το config σε ένα computed block, διαφορετικά κάθε φορά που το callback κ.λπ. καλείται ολόκληρο το widget θα ξανα-αποδοθεί.
Κατάσταση συντήρησης
Αυτά τα συστατικά είναι περιβλήματα γύρω από τα βασικά μας συστατικά VanillaJS. Μπορούμε να ενημερώνουμε αυτόματα αυτά τα συστατικά (να διορθώνουμε σφάλματα, να προσθέτουμε λειτουργίες) χωρίς να δημοσιεύουμε αυτή τη βιβλιοθήκη, οπότε παρόλο που μπορεί να μην δημοσιευτεί για λίγο, αυτό δεν σημαίνει ότι το FastComments δεν βρίσκεται υπό ενεργή ανάπτυξη! Μη διστάσετε να επισκεφθείτε το blog μας για ενημερώσεις. Αλλαγές που σπάνε το API ή νέες δυνατότητες δεν θα αποσταλούν ποτέ στην υποκείμενη βασική βιβλιοθήκη χωρίς αύξηση έκδοσης σε αυτή τη βιβλιοθήκη.
Χρειάζεστε βοήθεια;
Εάν αντιμετωπίσετε οποιαδήποτε προβλήματα ή έχετε ερωτήσεις σχετικά με τη Βιβλιοθήκη Vue 2, παρακαλώ:
Συνεισφορά
Οι συνεισφορές είναι ευπρόσδεκτες! Παρακαλώ επισκεφθείτε το αποθετήριο GitHub για οδηγίες συνεισφοράς.