我在我的网站上使用一个用Vue.js编写的tweet按钮，遇到了这个问题，一开始，按钮没有适当的样式，只是一个普通的锚标签文本，过了一段时间，它变成了原来的时尚版本。

<template>
    <span v-html="tweetButton">
</template>

<script>
    export default {
        name: "MyComponent",
        mounted() {
            this.renderTweetButton()
        },
        watch: {
            twitter(newVal, oldVal) {
                if (newVal.widgets) {
                    newVal.widgets.load()
                }
            }
        },
        data() {
            return {
                tweetButton: null,
                twitter: {}
            }
        },
        methods: {
            renderTweetButton() {
                this.tweetButton = `<a
                    class="twitter-share-button"
                    data-via="Example"
                    data-size="medium"
                    data-text="Check this out!"
                    data-url="https://example.com"
                    href="https://twitter.com/intent/tweet">
                  Tweet</a>`

                this.twitter = (function(d, s, id) {
                    var js, fjs = d.getElementsByTagName(s)[0],
                        t = window.twttr || {};
                    if (d.getElementById(id)) return t;
                    js = d.createElement(s);
                    js.async = false;
                    js.id = id;
                    js.src = "https://platform.twitter.com/widgets.js";
                    fjs.parentNode.insertBefore(js, fjs);

                    t._e = [];
                    t.ready = function(f) {
                        t._e.push(f);
                    };

                    return t;
                }(document, "script", "twitter-wjs"))
            }
        }
    }
</script>

<style scoped>

</style>

所以我想知道是否有办法不显示按钮，直到它得到完全加载？