阻止Vue.js在慢速客户端上显示括号

Question

我刚刚制作了我的第一个Vue.js应用程序,它非常棒.我遇到的唯一问题是与慢速连接上的绑定值有关.

例如,在我的template我有这个代码:

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

但问题是我得到这个结果,直到我的网站的所有资产都被加载:

例如,在AngularJS示例中,您可以使用指令绑定值,并防止显示括号.

我怎样才能达到这个效果Vue.js？

Answer 1

v-text应该允许你呈现更多的角度,并且v-cloak可以帮助你隐藏模板内容,直到你需要小胡子标签的情况下完成编译.