Add Comments to Your Vue 3 App
To je uradna knjižnica Vue 3 za FastComments.
Vdelajte pripomočke za komentiranje v živo, klepet in pregled v vašo Vue aplikacijo.
Repozitorij
Demonstracija v živo 
Preizkusite vsak pripomoček v živo na https://fastcomments.com/commenting-system-for-vue.
Predstavitev v živo
Če želite videti vse gradnike in tokove, ki tečejo lokalno proti javnemu najemniku demo, klonirajte repozitorij in zaženite:
npm install
npm run devVstopna točka predstavitve se nahaja v src/App.vue in index.html — vsak gradnik/tok se upodablja v isti aplikaciji, ki jo lahko kopirate v svoj Vue 3 projekt.
Namestitev
NPM
npm install --save fastcomments-vue-nextYarn
yarn add fastcomments-vue-nextUporaba
Pripomoček za komentarje
Komponenta FastCommentsVueNext vsebuje v živo FastComments pripomoček za komentarje.
Zamenjajte "demo" spodaj z vašim "tenantId" - na voljo tukaj v skrbniškem območju FastComments.
Pripomoček podpira veliko možnosti - poglejte FastCommentsConfig tukaj.
<template>
<FastComments v-bind:config="{tenantId: 'demo'}" />
</template>
<script>
import { FastComments } from 'fastcomments-vue-next'
export default {
name: 'FastCommentsExample',
components: {
FastComments
}
}
</script>Posodabljanje trenutne strani (primer enostranske aplikacije)
V FastComments imenujemo ID članka oziroma strani, na katero so komentarji pripeti, URL ID, saj je lahko to URL ali ID. URL ID določite na naslednji način. Komponenta spremlja spremembe v objektu config in se bo ponovno naložila, tako da lahko posodobite URL ID.
<FastComments v-bind:config="{tenantId: 'demo', url: 'https://example.com/somepage', urlId: 'some-page-id'}" />Regija računa (POZOR: stranke v EU)
Če se vaš račun nahaja v EU, nastavite region = 'eu' v konfiguraciji vtičnika, na primer:
<FastComments v-bind:config="{tenantId: 'demo', url: 'https://example.com/somepage', urlId: 'some-page-id', region: 'eu'}" />V nasprotnem primeru vam ni treba določiti region.
V produkciji
Verjetno ne želite konfiguracije določiti neposredno (inline), če posredujete povratne klice itd. Namesto tega konfiguracijo določite z uporabo computed(), sicer se bo vsakič, ko se vaš povratni klic itd. pokliče, celoten pripomoček ponovno upodobil.
Vsi gradniki in dokumentacija
Zaženite lokalno dokumentacijo:
npm run serveStatus vzdrževanja
Te komponente so ovitki okoli naših osnovnih VanillaJS komponent. Te komponente lahko samodejno posodobimo (odpravimo napake, dodamo funkcije) brez objave te knjižnice, zato čeprav morda ne bo objavljena nekaj časa, to ne pomeni, da FastComments ni v aktivnem razvoju! Za posodobitve si oglejte naš blog. Prelomne spremembe v API-ju ali nove funkcije nikoli ne bodo prenesene v osnovno jedro knjižnice brez povišanja različice te knjižnice.
FastComments
FastComments
Ta dokumentacija vsebuje nekaj primerov, kako uporabljati FastComments z Vue3.
Za celoten seznam možnosti konfiguracije si oglejte fastcomments-typescript in našo dokumentacijo.
Potrebujete pomoč?
Če naletite na težave ali imate vprašanja glede knjižnice Vue 3, prosimo:
Prispevanje
Prispevki so dobrodošli! Obiščite GitHub repozitorij za smernice o prispevanju.