Использование библиотеки / плагина javascript в коде Vue
Итак, я пытаюсь использовать довольно аккуратный компонент vue-social-sharing, но я впервые использую такую библиотеку и не уверен, как ее правильно настроить.
Я установил его через NPM, но потом заблудился в первом разделе «Использование, загрузка библиотеки»
В частности, в нем говорится
"Browserify / Webpack"
var SocialSharing = require('vue-social-sharing');
Vue.use(SocialSharing);
Но я не совсем уверен, куда это идет, как это настраивается и т. д. Могу ли я установить это где-нибудь в каком-нибудь файле Webpack? или создать свой файл и импортировать? Или, если он находится в обычном файле vue, на каком уровне? на компонент, на представление? на уровне App.vue?
Я просто не очень понимаю, как именно это настроить.
Любая помощь была бы замечательной, я полностью потерялся, так как я впервые использую такие внешние библиотеки.
Спасибо!
![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)
Ответы 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>
var SocialSharing = require('vue-social-sharing'); это эквивалент import x from y, и мы должны соблюдать синтаксис, указанный в документации библиотеки, чтобы избежать любых потенциальных проблем.
Попался, большое спасибо. Теперь он работает, и я немного лучше понимаю использование библиотек. Я ценю это!
Хорошо, отлично. Я попробую, спасибо. Мне вообще не нужно никуда импортировать его с помощью типичного «Импортировать X из X»? Кроме того, он говорит, что "HTML: <script src = " / dist / vue-social-sharing.min.js "> </script>" - это "то или иное", или мне также нужно где-то это добавить ?