如何使Facebook Comments插件与VueJS一起使用

Question

问题是，就我而言，我已经正确设置了Facebook Comments插件，但根本没有显示。任何意见将不胜感激。

这是我如何将其连接到下面的VueJS应用中的方法。

主索引文件：

<div id="fb-root"></div>

<router-view></router-view>

Vue实例：

new Vue({
  el: '#app',
  router,
  data: {},
  beforeMount: function () {

  },
  created: function() {
    window.fbAsyncInit = function() {
        FB.init({
          appId            : '****',
          autoLogAppEvents : true,
          xfbml            : true,
          version          : 'v3.1'
        });
    };

    (function(d, s, id) {
          var js, fjs = d.getElementsByTagName(s)[0];
          if (d.getElementById(id)) return;
          js = d.createElement(s); js.id = id;
          js.src = 'https://connect.facebook.net/en_US/sdk.js#xfbml=1&version=v3.1';
          fjs.parentNode.insertBefore(js, fjs);
        }(document, 'script', 'facebook-jssdk'));
  }
})

将显示注释的容器：

<template>
    <div>
        <div class="fb-comments" data-href="http://tmp.local/dashboard#test/6" data-numposts="5"></div>
    </div>
</template>

<script>


export default {
    name: 'cont',
    data () {
        return {

        }
    },
    mounted () {
        window.FB.XFBML.parse();
    },

}
</script>

<style scoped>

</style>