title: Prevent Vue.js to display brackets on slow clients
body: <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>