Добавете коментари към вашето Vue 2 приложение
Това е официалната библиотека за Vue 2 на FastComments.
Вградете джаджи за живо коментиране, чат и ревюта в приложението си Vue 2.
Репозитория
AI кодиращи агенти 
Дайте на вашия кодиращ агент контекста на FastComments, който му е необходим – уиджети, конфигурация, Secure SSO, REST API и SDK‑те:
npx skills add fastcomments/skillsРаботи с Claude Code, Codex, Cursor, Copilot, Gemini и всеки друг агент, който поддържа skills CLI.
Жив демонстрация
За да видите всеки widget и flow, работещ локално срещу публичния demo tenant, клонирайте репото и стартирайте:
npm install
npm run serveОтделните демота също имат своите собствени входни точки (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Употреба
Коментарният уиджет
Компонентът FastCommentsVue съдържа уиджета за коментари на FastComments в реално време.
Заменете "demo" по-долу с вашия "tenantId" - наличен тук в административния панел на FastComments.
Уиджетът поддържа множество опции - вижте 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 по следния начин. Компонентът наблюдава промените в обекта 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' в конфигурацията на джаджата, например:
<fast-comments-vue v-bind:config="{tenantId: 'demo', url: 'https://example.com', urlId: 'some-page-id', region: 'eu'}" />В противен случай не е необходимо да дефинирате region.
В продукция
Вероятно не искате да дефинирате config inline, ако предавате callbacks и т.н. Вместо това ще искате да дефинирате
config в computed блок, иначе всеки път когато вашият callback и т.н. бъде извикан, целият widget ще се рендерира отново.
Състояние на поддръжката
Тези компоненти са обвивки около нашите основни VanillaJS компоненти. Можем автоматично да актуализираме тези компоненти (да коригираме грешки, да добавяме функции) без да публикуваме тази библиотека, така че макар да не е публикувана за известно време, това не означава, че FastComments не е в активно развитие! Не се колебайте да посетите нашия блог за актуализации. Промени в API-то, нарушаващи обратно съвместимост, или нови функции никога няма да бъдат добавяни в основната библиотека без повишаване на версията в тази библиотека.
Нуждаете ли се от помощ?
Ако срещнете проблеми или имате въпроси относно Vue 2 Library, моля:
Допринасяне
Приносите са добре дошли! Моля посетете репозитория в GitHub за указания за допринасяне.