vue-social-sharing社交分享组件

这是最近看到的一个vue的社交分享组件。vue-social-sharing支持facebook，Google +，LinkedIn，Pinterest，Reddit，Twitter，VKontakte，Weibo，Whatsapp平台的分享功能。使用也十分简单。
这里是Demo

安装

通过NPM安装
npm install --save vue-social-sharing
通过Yarn安装
yarn add vue-social-sharing
通过Bower安装
bower install vue-social-sharing

插件应用

Browserify / Webpack加载组件库

var SocialSharing = require('vue-social-sharing');

Vue.use(SocialSharing);

html加载组件库

使用组件

  

      
         Facebook
      
      
         Google +
      
      
         LinkedIn
      
      
         Pinterest
      
      
         Reddit
      
      
         Twitter
      
      
         VKontakte
      
      
         Weibo
       
      
         Whatsapp
      
  

插件参数

名称	类型	默认值	说明
url	String	current	分享的url
title	String	-	分享的标题
description	String	-	分享的描述
quote	String	-	facebook的quote，只有facebook使用
hashtags	String	-	标签，用逗号分割
twitter-user	String	-	Twitter user，只有twitter使用
media	String	-	多媒体链接，只有Pinterest 使用

事件

名称	数据	描述
social_shares_open	Network object, shared url	当分享弹出框打开时触发
social_shares_change	Network object, shared url	当已有分享弹出框打开，用户又触发一个分享弹出框时触发
social_shares_close	Network object, shared url	当分享弹出框关闭或使用其它分享弹出框时触发

参考地址：轮子工厂