Prevent Vue.js to display brackets on slow clients
<p>I just made my first <code>Vue.js</code> app and it is awesome. The only problem that I have had is related to binding values on slow connections.</p>

<p>For example, in my <code>template</code> I have this code:</p>

<pre><code>&lt;div v-for="event in events"&gt;
    &lt;div class="start_time"&gt;
        {{ event.start_time_formatted }}
    &lt;/div&gt;
    &lt;div class="icon_placeholder"&gt;
        &lt;img v-bind:src="event.icon" alt="Sport Image" /&gt;
    &lt;/div&gt;
    &lt;div class="event_title"&gt;
        &lt;a v-bind:href="event.url"&gt;
            {{ event.title }}
        &lt;/a&gt;
    &lt;/div&gt;
    &lt;div class="button_placeholder"&gt;
        &lt;a v-bind:href="event.url" class="btn btn-filled"&gt;
            Watch
        &lt;/a&gt;
    &lt;/div&gt;
&lt;/div&gt;
</code></pre>

<p>But the problem is that I get this result until all my site's assets are loaded:</p>

<p><a href="https://i.stack.imgur.com/lRLDv.png" rel="noreferrer"><img src="https://i.stack.imgur.com/lRLDv.png" alt="enter image description here"></a></p>

<p>For example, in <code>AngularJS</code> example, you can bind values by using directives and prevent the brackets from being displayed.</p>

<p>How can I achieve this effect in <code>Vue.js</code>?</p>