Использование библиотеки JavaScript / плагина в коде Vue

Question

Итак, я пытаюсь использовать довольно аккуратный компонент vue-social-sharing, но это первый раз, когда я использую такой библиотекарь, и я не уверен, как правильно его настроить.

Я установил его через NPM, но потом заблудился в первом разделе «Использование, загрузка библиотеки»

В частности, это говорит

"Browserify / Webpack"
var SocialSharing = require('vue-social-sharing');
Vue.use(SocialSharing);

Но я не совсем уверен, куда это деваться, как это настроить и т. Д. Я устанавливаю это где-нибудь в файле Webpack? или создать свой собственный файл и импортировать? Или, если он находится в обычном VUE файле, какой уровень? за компонент, за просмотр? на уровне App.vue?

Я просто не очень понимаю, как именно это настроить.

Любая помощь была бы великолепна, я полностью потерян, так как я впервые использую такие внешние библиотеки.

Спасибо!

Answer 1

Этот код вы должны поместить его в main.js файл, который будет инициализироваться с помощью этого плагина (библиотеки):

import Vue from 'vue';
var SocialSharing = require('vue-social-sharing');
Vue.use(SocialSharing);

new Vue({
    ....
  })

и следующий код, который вы можете поместить в любой шаблон дочернего компонента:

<social-sharing url="https://vuejs.org/" inline-template>
 <div>
    <network network="facebook">
      <i class="fa fa-fw fa-facebook"></i> Facebook
   </network>
    ....
 </social-sharing>