javascript - 在Vue代码中使用JavaScript库/插件

因此，我试图使用漂亮的整洁组件vue-social-sharing，但这是我第一次使用这样的libaray，并且不确定如何正确设置它。

我已经通过NPM安装了它，但是在第一部分“用法，加载库”中迷路了

具体来说，它说

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

但是，我不确定该去哪里，如何设置等。是否在某个Webpack文件中的某个位置进行设置？或创建自己的文件并导入？或者，如果它在普通的vue文件中，则处于哪个级别？每个组件，每个视图？在App.vue级别？

我只是不太了解如何正确设置此设置。

任何帮助都将是巨大的，我完全迷失了，因为这是我第一次使用这样的外部库。

谢谢！

最佳答案

您应该将该代码放入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>