Question

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

我已经通过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>

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

1 个答案: