Add Comments to Your Vue 2 App
Това е официалната библиотека за Vue 2 за FastComments.
Коментарни джаджи на FastComments за Vue 2
Репозитория
Демонстрация на живо 
За да видите всеки 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 за указания за допринасяне.