vue-goodshare

? Vue.js component for social share. A simple way to share a link on the pages of your website in the most popular (and not so) social networks. Powered by goodshare.js project.

Github星跟蹤圖

The Why?

Vue.js-ready™ component. Simple install, extensive documentation, developer support, SEO friendly, many options for customization of appearance, clean code without scripts tracking user activity on the page, high speed.

Beautiful button design already included. Just choose one, add attribute to component and save!

Docs

Installation

foo@bar:~$ npm install --save vue-goodshare

Usage

Single share element

Includes only needed social networks or mobile messengers.

/**
 * 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
  }
});

Add component to HTML template (with attributes):

<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>

Result:

Bundle of share elements

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
  }
});

Add components to HTML template (without attributes):

<div id="app">
  <vue-goodshare></vue-goodshare>
</div>

Result:

Demo on localhost

foo@bar:~$ git clone https://github.com/koddr/vue-goodshare.git
foo@bar:~$ cd vue-goodshare/examples

Start simple Python 3.4+ HTTP server (only macOS and Linux):

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

Developers

Project assistance

If you want to say «thank you» or/and support active development vue-goodshare:

  1. Add a GitHub Star to project.
  2. Twit about project on your Twitter.
  3. Donate some money to project author via PayPal: @paypal.me/koddr.
  4. Join DigitalOcean at our referral link (your profit is $100 and we get $25).

Thanks for your support! ? Together, we make this project better every day.

Stargazers over time

Stargazers over time

License

MIT

主要指標

概覽
名稱與所有者koddr/vue-goodshare
主編程語言Vue
編程語言Vue (語言數: 3)
平台
許可證MIT License
所有者活动
創建於2017-10-29 15:33:33
推送於2025-05-16 08:51:03
最后一次提交2025-05-16 11:50:56
發布數17
最新版本名稱1.6.1 (發布於 )
第一版名稱0.9.0 (發布於 )
用户参与
星數449
關注者數11
派生數47
提交數563
已啟用問題?
問題數39
打開的問題數2
拉請求數227
打開的拉請求數0
關閉的拉請求數2
项目设置
已啟用Wiki?
已存檔?
是復刻?
已鎖定?
是鏡像?
是私有?