vue.js 列表绑定数据后再显示可以么

Question

从服务端获取json,用ajax的方式，但是有一点延迟，导致页面有短暂的闪动，那么变量会出现一下，比较麻烦，有类似绑定数据后再show的么，官方文档好像没看到

Answer 1

ajax异步数据只能这样，最多加个Loading
如果想网页出来救显示数据 必须用服务器端模板引擎渲染了

Answer 2

http://vuejs.org/guide/components.html#wait-for 可以在Ajax结束时候通过Vue实例$emit触发wait-for指定的事件。

Answer 3

v-cloak

Answer 4

可以使用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数据绑定后执行

Answer 5

建议用v-text