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美元）。

感谢您的支持！ ？在一起，我们每天都会使这个项目变得更好。

随着时间的流逝，观星者

代码贡献者

由于所有贡献的人，该项目的存在。

执照

麻省理工学院