vue2.0 里面引入 分享功能的插件

Question

制作app里面有分享的功能，分享到微信、微博、QQ空间等。如何利用第三方的插件把这个引入到我用vue来构建的项目里？

这是获取插件的地址：
http://www.jiathis.com/getcod...

具体插件代码是：
<!-- JiaThis Button BEGIN -->
<div class="jiathis_style_32x32">

<a class="jiathis_button_qzone"></a>
<a class="jiathis_button_tsina"></a>
<a class="jiathis_button_tqq"></a>
<a class="jiathis_button_weixin"></a>
<a class="jiathis_button_renren"></a>
<a href="http://www.jiathis.com/share" class="jiathis jiathis_txt jtico jtico_jiathis" target="_blank"></a>
<a class="jiathis_counter_style"></a>

</div>
<script type="text/javascript" src="http://v3.jiathis.com/code/ji... charset="utf-8"></script>

这段代码我放进普通的网页好使，可以分享，可是如何放进vue的组件里？

Answer 1

3.20更新：

多说一句，对于需要分享和seo的网页应用，建议服务器渲染或者同构。

关于如何调用第三方插件的配置方法：

script.onload = function (）{
    func() // 如果有eslint校验对象未定义，可以window.func()调用
}

---

原答案：

这是我的实现方式，没想到其他好方案，你把url地址换成你的就行。

    mounted () {
      this.init()
    },
    methods: {
      init: function () {
        let url = 'https://cdnjs.cloudflare.com/ajax/libs/social-share.js/1.0.16/js/social-share.min.js'
        let script = document.createElement('script')
        script.setAttribute('src', url)
        document.getElementsByTagName('head')[0].appendChild(script)
      }
    }

Answer 2

这样是可以的。但是你点击分享的法。它是跳到新的页面，回不去了。

Answer 3

能具体一点吗？<template>怎么写？

Answer 4

你这个是怎么实现的，可以请教下吗