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

간단한 파이썬 3.4+ HTTP 서버 (MacOS 및 Linux 만) : :

 foo@bar:~ $ python3 -m http.server 4000 --bind localhost 

개발자

• Vic Shóstak (일명 Koddr)의 아이디어 및 적극적인 개발.

프로젝트 지원

«감사합니다»또는/및 Active Development vue-goodshare 지원하는 경우 :

1. 프로젝트에 Github 스타를 추가하십시오.
2. 트위터에서 프로젝트에 대해 twit.
3. PayPal을 통해 프로젝트 저자에게 돈을 기부하십시오 : @paypal.me/koddr.
4. 우리의 추천 링크에서 DigitalOcean에 가입하십시오 (귀하의 이익은 $ 100 이고 우리는 $ 25를받습니다).

지원해 주셔서 감사합니다! ? 우리는 함께이 프로젝트를 매일 더 좋게 만듭니다.

시간이 지남에 따라 스타 게이저

코드 기여자

이 프로젝트는 기부 한 모든 사람들 덕분에 존재합니다.

특허

MIT