הוסף תגובות לאפליקציית Vue 3 שלך
זוהי הספרייה הרשמית של Vue 3 עבור FastComments.
הטמעו ווידג'טים של תגובות בזמן אמת, צ'אט וביקורות באפליקציית Vue שלכם.
מאגר
הדגמה חיה 
נסה את כל הווידג'טים באופן חי ב־https://fastcomments.com/commenting-system-for-vue.
תצוגה חיה
כדי לראות כל ווידג'ט וזרימה שרצים מקומית מול ה-tenant הציבורי demo, שכפל את המאגר והרץ:
npm install
npm run devנקודת הכניסה של התצוגה נמצאת בsrc/App.vue ובindex.html — כל ווידג'ט/זרימה מוצגים באותה אפליקציה שניתן להעתיק אל פרויקט Vue 3 משלך.
התקנה
NPM
npm install --save fastcomments-vue-nextYarn
yarn add fastcomments-vue-nextשימוש
וידג'ט התגובות
הקומפוננטה FastCommentsVueNext מכילה את ווידג'ט התגובות החי של FastComments.
החליפו את "demo" למטה ב-"tenantId" שלכם - זמין כאן באזור הניהול של FastComments.
הווידג'ט תומך בהרבה אפשרויות - ראו את 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 באופן הבא. הקומפוננטה צופה בשינויים באובייקט config ותטען מחדש, כך שתוכל לעדכן את ה-URL ID.
<FastComments v-bind:config="{tenantId: 'demo', url: 'https://example.com/somepage', urlId: 'some-page-id'}" />אזור החשבון (שימו לב: לקוחות מהאיחוד האירופי)
אם החשבון שלך נמצא ב‑EU, הגדר region = 'eu' בתצורת הווידג'ט, לדוגמה:
<FastComments v-bind:config="{tenantId: 'demo', url: 'https://example.com/somepage', urlId: 'some-page-id', region: 'eu'}" />אחרת, אין צורך להגדיר את region.
בייצור
סביר שלא תרצה להגדיר את התצורה inline אם אתה מעביר callbacks וכו'. במקום זאת, תרצה להגדיר
את התצורה דרך computed(), אחרת בכל פעם שה-callback שלך וכו' ייקרא כל הווידג'ט יעבור רינדור מחדש.
כל הווידג'טים והתיעוד
הפעל את התיעוד המקומי:
npm run serveמצב תחזוקה
הרכיבים האלה הם עטיפות סביב רכיבי הליבה שלנו ב-VanillaJS. אנו יכולים לעדכן אוטומטית רכיבים אלה (לתקן באגים, להוסיף תכונות) ללא פרסום הספרייה הזו, לכן למרות שאולי לא יתפרסם עדכון לזמן מה זה לא אומר ש-FastComments אינה בפיתוח פעיל! אל תהססו לבדוק את הבלוג שלנו לעדכונים. שינויים משבשים ב-API או תכונות לעולם לא ישולבו בספריית הליבה התחתונה ללא הגברת גרסה בספרייה זו.
FastComments
FastComments
תיעוד זה מכיל כמה דוגמאות לשימוש ב-FastComments עם Vue3.
לרשימה מלאה של אפשרויות התצורה, ראו את fastcomments-typescript ואת התיעוד שלנו.
צריכים עזרה?
אם תתקלו בבעיות או יש לכם שאלות לגבי ספריית Vue 3, אנא:
תרומות
נשמח לתרומות! אנא בקרו ב-מאגר GitHub לקבלת הנחיות לתרומה.