根据QQ互联教程中Sdk的使用方法，将

<script type="text/javascript" src="http://qzonestyle.gtimg.cn/qzone/openapi/qc_loader.js" charset="utf-8" data-callback="true"></script>

添加到回调域中的head中，然后在使用到登录按钮的页面head中引入：

<script type="text/javascript" src="http://qzonestyle.gtimg.cn/qzone/openapi/qc_loader.js" data-appid="***" data-redirecturi="http://localhost:8080/qq_entry" charset="utf-8" ></script>
<script>
      QC.Login({
      btnId:"qqLoginBtn"    //插入按钮的节点id
});
</script>

我现在是把代码写在了index页面中，即直接引用的，但是在我的comment组件中写

<span id = "qqLoginBtn"></span>

会报错取不到id的值
请问大家怎么在需要登录按钮的vue组件中导入上面的script代码？或者提供一个解决的思路，十分感谢！！