从服务端获取json,用ajax的方式,但是有一点延迟,导致页面有短暂的闪动,那么变量会出现一下,比较麻烦,有类似绑定数据后再show的么,官方文档好像没看到
v-cloak
http://vuejs.org/guide/components.html#wait-for 可以在Ajax结束时候通过Vue实例$emit触发wait-for指定的事件。
建议用v-text
可以使用nextTick事件实现,文档:
vm.$nextTick( callback )
参数:
{Function} [callback]
用法:
将回调延迟到下次 DOM 更新循环之后执行。在修改数据之后立即使用它,然后等待 DOM 更新。它跟全局方法 Vue.nextTick 一样,不同的是回调的 this 自动绑定到调用它的实例上。
示例:
new Vue({
// ...
methods: {
// ...
example: function () {
// 修改数据
this.message = 'changed'
// DOM 还没有更新
this.$nextTick(function () {
// DOM 现在更新了
// `this` 绑定到当前实例
this.doSomethingElse()
})
}
}
})
就是在vue数据绑定后执行
ajax异步数据只能这样,最多加个Loading
如果想网页出来救显示数据 必须用服务器端模板引擎渲染了