Add Comments to Your Vue 2 App
这是 FastComments 的官方 Vue 2 库。
适用于 Vue 2 的 FastComments 评论组件
仓库
实时展示 
要在本地查看在公共 demo 租户下运行的所有小部件和流程，请克隆仓库并运行:
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 中，我们将文章 id，或评论绑定到的页面，称为 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，特别是当您传入 callbacks 等时。相反，您会想要定义
config 在一个 computed 块中，否则每次调用您的 callbacks 等时，整个 widget 都会重新渲染。
维护状态
这些组件是围绕我们核心 VanillaJS 组件的封装。我们可以自动更新这些组件（修复错误、添加功能）而无需发布此库，所以即使它可能在一段时间内未发布，也并不意味着 FastComments 没有处于积极开发中！欢迎查看 我们的博客 获取更新。破坏性 API 更改或功能不会在本库未进行版本提升的情况下发布到底层核心库。
需要帮助？
如果您在使用 Vue 2 库时遇到任何问题或有任何疑问，请：
贡献
欢迎贡献！请访问 GitHub 仓库 以获取贡献指南。