vue goodshare

？ Vue-Goodshare

ソーシャルネットワークとモバイルメッセンジャーへの共有リンクのVue.jsコンポーネント

最も人気のある（そうではない）ソーシャルネットワークで、ウェブサイトのページにリンクを共有する簡単な方法。
goodshare.jsプロジェクトを搭載しています。

なぜ？

vue.js-ready™コンポーネント。シンプルなインストール、広範なドキュメント、開発者サポート、 SEOフレンドリー、外観のカスタマイズのための多くのオプション、ページ上のユーザーアクティビティを追跡するスクリプトのないクリーンコード、高速。

美しいボタンのデザインがすでに含まれています。 1つを選択して、コンポーネントに属性を追加して保存してください！

ドキュメント

インストール

 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サーバー（MacOSとLinuxのみ）を起動します。

 foo@bar:~ $ python3 -m http.server 4000 --bind localhost 

開発者

• VicShóstak（別名Koddr）によるアイデアと積極的な開発。

プロジェクト支援

あなたvue-goodshare言いたいなら«ありがとう»

1. プロジェクトにgithub星を追加します。
2. Twitterでプロジェクトについてツイットします。
3. Paypal： @paypal.me/koddrを介して著者を投影著者に寄付します。
4. DigitalOceanに紹介リンクに参加してください（あなたの利益は100ドルで、25ドルを受け取ります）。

ご支援ありがとうございます！ ？一緒に、私たちはこのプロジェクトを毎日より良くします。

時間の経過とともにスターゲイザー

コード貢献者

このプロジェクトは、貢献するすべての人々のおかげで存在します。

ライセンス

mit