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

Question

所以，我正在尝试使用非常简洁的组件 vue-social-sharing但这是我第一次使用这样的 libaray，我不确定如何正确设置它。

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

具体是说

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

但是，我不确定它的去向，它是如何设置的等等。我是否将它设置在某个 Webpack 文件中的某个地方？或者创建自己的文件并导入？或者，如果是在普通的vue文件中，是第几层？每个组件，每个 View ？在 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>