Vue Goodshare plugin is a simple way to share a link on the pages of your website in the most popular (and not so) social networks. Vue.js component for sharing links to social networks and mobile messages.
A beautiful button design is already included. Simply select one, add an attribute to the component and save!
social share javascript, social share button, bootstrap social share plugin, social media share buttons html, share image on social media javascript, social share js library
How to make use of it:
Install and download:
$ npm i vue-goodshare --save
1. Installation
[email protected]:~$ npm install --save vue-goodshare
2. It only includes the required 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
}
});3. Add the component to the 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>4. Share Items Pack.
/**
* Import Vue.js
*/
import Vue from "vue";
/**
* Import vue-goodshare bundle
*/
import VueGoodshare from "vue-goodshare";
const app = new Vue({
el: "#app",
components: {
VueGoodshare
}
});5. Add components to the HTML template (without attributes):
<div id="app"> <vue-goodshare></vue-goodshare> </div>
Social Share Component, vue goodshare Plugin/Github, css social share buttons, social share without javascript
See Demo And Download
Official Website(koddr): Click Here
This superior jQuery/javascript plugin is developed by koddr. For extra Advanced Usages, please go to the official website.