
Простой способ поделиться ссылкой на страницах вашего веб -сайта в самых популярных (и не так) социальных сетях.
Powered By Goodshare.js Project.
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Запустите Simple Python 3.4+ HTTP -сервер (только macOS и Linux):
foo@bar:~ $ python3 -m http.server 4000 --bind localhost Если вы хотите сказать «спасибо» или/и поддержите активную разработку vue-goodshare :
Спасибо за вашу поддержку! ? Вместе мы делаем этот проект лучше каждый день.
Этот проект существует благодаря всем людям, которые вносят свой вклад.
Грань