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

Question

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

1

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

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

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

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

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

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

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

Спасибо!

KJParker 11 янв. 2019, в 14:53

Источник

Теги:

javascript

vue.js

vuejs2

vue-component

1 ответ

Ещё вопросы

Boussadjra Brahim · Accepted Answer · 2019-01-11T11-23-00.000Z

Этот код вы должны поместить в файл 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>

Ах, хорошо, отлично. Я попробую это, спасибо. Не нужно ли вообще импортировать его где-нибудь с типичным «Импортировать Х из Х»? Кроме того, он говорит, что «HTML: <script src =» / dist / vue-social-shared.min.js »> </ script>» означает «один или другой», или мне тоже нужно добавить это где-нибудь ?
var SocialSharing = require('vue-social-sharing'); это эквивалентно import x from y и мы должны соблюдать синтаксис, указанный в документации библиотеки, чтобы избежать любой потенциальной проблемы
Гоча, большое спасибо. Это сейчас работает, и я понимаю, что использование библиотек немного лучше. Я ценю это!