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:
![vue 分享插件 vue-goodshare插图 screen shot](https://user-images.githubusercontent.com/11155743/32197328-d67af4f2-bdd4-11e7-8323-96d0d1376c5d.png)
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>