
طريقة بسيطة لمشاركة رابط على صفحات موقع الويب الخاص بك في الشبكات الاجتماعية الأكثر شعبية (وليس ذلك).
مدعوم من مشروع Goodshare.js.
مكون vue.js ready ™. التثبيت البسيط ، والتوثيق الشامل ، ودعم المطورين ، وكبار المسئولين الاقتصاديين الصديق ، والعديد من الخيارات لتخصيص المظهر ، والرمز النظيف دون البرامج النصية لتتبع نشاط المستخدم على الصفحة ، وسرعة عالية .
تم تضمين تصميم زر جميل بالفعل . فقط اختر واحدة ، إضافة سمة إلى المكون وحفظ!
foo@bar:~ $ npm install --save vue-goodshare يتضمن فقط الشبكات الاجتماعية المطلوبة أو رسل الهاتف المحمول.
/**
* Import Vue.js
*/
import Vue from "vue" ;
/**
* Import vue-goodshare single element
*/
import VueGoodshareFacebook from "vue-goodshare/src/providers/Facebook.vue" ;
const app = new Vue ( {
el : "#app" ,
components : {
VueGoodshareFacebook
}
} ) ;إضافة مكون إلى قالب HTML (مع سمات):
< div id =" app " >
< vue-goodshare-facebook
page_url =" https://github.com/koddr/vue-goodshare "
title_social =" Facebook "
has_counter
has_icon
> </ vue-goodshare-facebook >
</ div >نتيجة:

Facebook و Twitter و LinkedIn و Google Plus و Tumblr و Pinterest و Reddit
/**
* Import Vue.js
*/
import Vue from "vue" ;
/**
* Import vue-goodshare bundle
*/
import VueGoodshare from "vue-goodshare" ;
const app = new Vue ( {
el : "#app" ,
components : {
VueGoodshare
}
} ) ;إضافة مكونات إلى قالب HTML (بدون سمات):
< div id =" app " >
< vue-goodshare > </ vue-goodshare >
</ div >نتيجة:

localhost foo@bar:~ $ git clone https://github.com/koddr/vue-goodshare.git
foo@bar:~ $ cd vue-goodshare/examplesابدأ Simple Python 3.4+ HTTP Server (فقط MacOS و Linux):
foo@bar:~ $ python3 -m http.server 4000 --bind localhost إذا كنت تريد أن تقول «شكرا لك» أو/دعم التنمية النشطة vue-goodshare :
شكرا لدعمك! ؟ معا ، نجعل هذا المشروع أفضل كل يوم.
هذا المشروع موجود بفضل جميع الأشخاص الذين يساهمون.
معهد ماساتشوستس للتكنولوجيا