如何在组件 VueJS 中初始化小部件？

这样做，以及本，但遗憾的是不顺心的事。我想初始化这段代码。
这是我的代码：

<template>
  <div id="vk_share_button"></div>
</template>

<script>
    export default {
      methods:{
        start(){
          document.getElementById('vk_share_button').innerHTML =
            VK.Share.button('example.com', {type: 'link'});
        }
      },
      created(){
          VK.ready(this.start());
      }
    }
</script>

我也尝试使用：VK.Share.ready/VK.Share.button.ready，但我得到了同样的错误：

无法将属性“innerHTML”设置为 null

我以为没有加载外部代码，但我不确定。我在哪里犯了错误？