FastComments Vue 2 Library
Bu, FastComments için resmi Vue 2 Kütüphanesidir.
Vue 2 için FastComments yorum bileşenleri
Depo
Kurulum 
NPM
npm install --save fastcomments-vueYarn
yarn add fastcomments-vueKullanım
Yorum Bileşeni
FastCommentsVue bileşeni canlı FastComments yorum widget'ını içerir.
Aşağıdaki "demo"yu FastComments yönetici alanında buradan bulunan "tenantId"nizle değiştirin.
Widget birçok seçeneği destekler - FastCommentsConfig'e buradan bakın.
<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>Mevcut Sayfayı Güncelleme (SPA Örneği)
In FastComments'ta makale kimliğine veya yorumların bağlandığı sayfaya, bir URL veya ID olabileceği için URL ID diyoruz. URL ID'yi aşağıdaki şekilde tanımlayın. Bileşen config nesnesindeki değişiklikleri izler ve yeniden yükleme yapar, bu yüzden sadece "url" ve "urlId" ayarlarını güncellemeniz yeterlidir.
Tam çalışan bir örneği burada görebilirsiniz.
Sayfalama örneğini şu komutla çalıştırın:
npm run serve-pagination<fast-comments-vue v-bind:config="{tenantId: 'demo', url: 'https://example.com', urlId: 'some-page-id'}" />Hesap Bölgesi (DİKKAT: AB Müşterileri)
Hesabınız AB'de bulunuyorsa, widget yapılandırmasında region = 'eu' olarak ayarlayın, örneğin:
<fast-comments-vue v-bind:config="{tenantId: 'demo', url: 'https://example.com', urlId: 'some-page-id', region: 'eu'}" />Aksi halde region'ı tanımlamanıza gerek yoktur.
Üretim Ortamında
Muhtemelen callback'ler vb. geçiriyorsanız config'i satır içi olarak tanımlamak istemezsiniz. Bunun yerine
config'i bir computed bloğunda tanımlamak istersiniz; aksi takdirde her seferinde callback'iniz çağrıldığında tüm widget yeniden render edilecektir.
Yardıma mı ihtiyacınız var?
Vue 2 Kitaplığı ile ilgili herhangi bir sorunla karşılaşırsanız veya sorularınız varsa, lütfen:
Katkıda Bulunma
Katkılar memnuniyetle karşılanır! Lütfen katkı yönergeleri için GitHub deposunu ziyaret edin.