FastComments Vue 3 Library
這是 FastComments 的官方 Vue 3 函式庫。
適用於 Vue 3 的 FastComments 評論元件
儲存庫
安裝 
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 serveFastComments
需要協助？
如果您在使用 Vue 3 函式庫時遇到任何問題或有任何疑問，請：
貢獻
歡迎提出貢獻！請造訪 GitHub 儲存庫 以取得貢獻指南。