我刚制作了第一个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
?
v文本应允许您呈现更多棱角感,而v-cloak可以帮助您隐藏模板内容,直到需要胡子标记的情况下完成编译为止。