vue 组件数据共享_社交共享链接的Vue组件

vue 组件数据共享

vue-socialmedia-share (vue-socialmedia-share)

Vue component for social sharing.

社交共享的Vue组件。

vue-socialmedia-share is a vue component for sharing links to social networks

vue-socialmedia-share是用于共享指向社交网络的链接的vue组件

View demo 查看演示 Download Source 下载源

安装 (Installation)

yarn add vue-socialmedia-share

or

要么

npm install vue-socialmedia-share

API (API)

脸书 (Facebook)

import { Facebook } from 'vue-socialmedia-share';

// usage in local component

export default {
  components: {
    Facebook
  }
};

道具 (Props)

Prop	Data Type	Required	Description
url	String	true	URL to share.
scale	String		Size of icon (1-9)

Struts	数据类型	需要	描述
url	串	真正	分享网址。
scale	串		图标大小(1-9)

推特 (Twitter)

import { Twitter } from 'vue-socialmedia-share';

// usage in local component

export default {
  components: {
    Twitter
  }
};

Prop	Data Type	Required	Description
url	String	true	URL to share.
scale	String		Size of icon(1-9)
title	String		Title of the shared page

Struts	数据类型	需要	描述
url	串	真正	分享网址。
scale	串		图标大小(1-9)
title	串		共享页面的标题

领英 (LinkedIn)

import { Linkedin } from 'vue-socialmedia-share';

// usage in local component

export default {
  components: {
    Linkedin
  }
};

Prop	Data Type	Required	Description
url	String	true	URL to share.
scale	String		Size of icon(1-9)

Struts	数据类型	需要	描述
url	串	真正	分享网址。
scale	串		图标大小(1-9)

Reddit (Reddit)

import { Reddit } from 'vue-socialmedia-share';

// usage in local component

export default {
  components: {
    Reddit
  }
};

Prop	Data Type	Required	Description
url	String	true	URL to share.
scale	String		Size of icon(1-9)
title	String		Title of the shared page

Struts	数据类型	需要	描述
url	串	真正	分享网址。
scale	串		图标大小(1-9)
title	串		共享页面的标题

电报 (Telegram)

import { Telegram } from 'vue-socialmedia-share';

// usage in local component

export default {
  components: {
    Telegram
  }
};

Prop	Data Type	Required	Description
url	String	true	URL to share.
scale	String		Size of icon(1-9)
title	String		Title of the shared page

Struts	数据类型	需要	描述
url	串	真正	分享网址。
scale	串		图标大小(1-9)
title	串		共享页面的标题

WhatsApp的 (WhatsApp)

import { WhatsApp } from 'vue-socialmedia-share';

// usage in local component

export default {
  components: {
    WhatsApp
  }
};

Prop	Data Type	Required	Description
url	String	true	URL to share.
scale	String		Size of icon(1-9)
title	String		Title of the shared page

Struts	数据类型	需要	描述
url	串	真正	分享网址。
scale	串		图标大小(1-9)
title	串		共享页面的标题

Pinterest的 (Pinterest)

import { Pinterest } from 'vue-socialmedia-share';

// usage in local component

export default {
  components: {
    Pinterest
  }
};

Prop	Data Type	Required	Description
url	String	true	URL to share.
scale	String		Size of icon(1-9)

Struts	数据类型	需要	描述
url	串	真正	分享网址。
scale	串		图标大小(1-9)

Google + (Google +)

import { Google } from 'vue-socialmedia-share';

// usage in local component

export default {
  components: {
    Google
  }
};

Prop	Data Type	Required	Description
url	String	true	URL to share.
scale	String		Size of icon(1-9)

Struts	数据类型	需要	描述
url	串	真正	分享网址。
scale	串		图标大小(1-9)

电子邮件 (Email)

import { Email } from 'vue-socialmedia-share';

// usage in local component

export default {
  components: {
    Email
  }
};

Prop	Data Type	Required	Description
url	String	true	URL to share.
scale	String		Size of icon(1-9)
subject	String		Subject of email
body	String		Body of email

Struts	数据类型	需要	描述
url	串	真正	分享网址。
scale	串		图标大小(1-9)
subject	串		电子邮件主题
body	串		邮件正文

贡献指南 (Contributing Guide)

1. Fork it!

   叉子！

2. Create your feature branch: git checkout -b my-new-feature

   创建功能分支： git checkout -b my-new-feature

3. Commit your changes: git commit -am 'Add some feature'

   提交更改： git commit -am 'Add some feature'

4. Push to the branch: git push origin my-new-feature

   推送到分支： git push origin my-new-feature

5. Submit a pull request :D

   提交拉取请求：D

翻译自: https://vuejsexamples.com/vue-component-for-social-sharing-of-links/

vue 组件数据共享