Add Comments to Your Vue 3 App
这是 FastComments 的官方 Vue 3 库。
在您的 Vue 应用中嵌入实时评论、聊天和审核小部件。
仓库
实时演示 
可在 https://fastcomments.com/commenting-system-for-vue 实时试用每个小部件。
实时展示
要在本地查看针对公共 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 中，我们将文章 id（或评论所绑定的页面）称为 URL ID，因为它可以是一个 url 或一个 ID。 按以下方式定义 URL ID。组件会监听 config 对象的更改并重新加载，因此您可以更新 URL ID。
<FastComments v-bind:config="{tenantId: 'demo', url: 'https://example.com/somepage', urlId: 'some-page-id'}" />账户区域（注意：欧盟客户）
如果您的账户位于欧盟，请在小部件配置中将 region = 'eu' 设置，例如：
<FastComments v-bind:config="{tenantId: 'demo', url: 'https://example.com/somepage', urlId: 'some-page-id', region: 'eu'}" />否则，您无需定义 region。
生产环境
如果你传入回调函数等，你可能不想在行内定义 config。相反，你会想要定义
将 config 通过 computed() 定义，否则每次你的回调等被调用时，整个 widget 都会重新渲染。
所有小部件和文档
运行本地文档：
npm run serve维护状态
这些组件是我们核心 VanillaJS 组件的包装器。我们可以自动更新这些组件（修复错误、添加功能），而无需发布此库，因此虽然它可能不会很快发布，但这并不意味着 FastComments 没有处于积极开发中！欢迎查看 我们的博客 以获取更新。在不对本库提升版本号的情况下，绝不会将破坏性 API 更改或新功能发布到底层核心库。
FastComments
FastComments
本文件包含一些关于如何在 Vue3 中使用 FastComments 的示例。
有关完整的配置选项列表，请参阅 fastcomments-typescript 和 我们的文档。
需要帮助？
如果您在使用 Vue 3 库时遇到任何问题或有任何疑问，请：
贡献
欢迎贡献！请访问 GitHub 仓库 查看贡献指南。