vue goodshare

？ vue-goodshare

vue.js組件用於共享與社交網絡和移動信使的鏈接

一種簡單的方法，可以在最受歡迎的社交網絡中在網站頁面上共享鏈接。
由GoodShare.js項目提供支持。

為什麼？

vue.js-Ready™組件。簡單的安裝，廣泛的文檔，開發人員支持， SEO友好，自定義外觀的許多選項，無需跟踪頁面上用戶活動的腳本的干淨代碼，高速。

精美的按鈕設計已經包括。只需選擇一個，將屬性添加到組件並保存！

文件

安裝

 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

啟動簡單的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美元）。

感謝您的支持！ ？在一起，我們每天都會使這個項目變得更好。

隨著時間的流逝，觀星者

代碼貢獻者

由於所有貢獻的人，該項目的存在。

執照

麻省理工學院