
วิธีง่ายๆในการแบ่งปันลิงก์ในหน้าเว็บไซต์ของคุณในเครือข่ายสังคมออนไลน์ที่ได้รับความนิยมมากที่สุด (และไม่เป็นเช่นนั้น)
ขับเคลื่อนโดยโครงการ goodshare.js
ส่วนประกอบ vue.js-™™ การติดตั้งอย่างง่าย เอกสารที่ครอบคลุม การสนับสนุนนักพัฒนาซอฟต์แวร์ เป็นมิตร 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 Server (เฉพาะ MacOS และ Linux):
foo@bar:~ $ python3 -m http.server 4000 --bind localhost หากคุณต้องการพูดว่า«ขอบคุณ»หรือ/และสนับสนุนการพัฒนาที่ใช้งานอยู่ vue-goodshare :
ขอบคุณสำหรับการสนับสนุนของคุณ! - เราทำให้โครงการนี้ดีขึ้นทุกวัน
โครงการนี้มีอยู่ขอบคุณทุกคนที่มีส่วนร่วม
มิกซ์