为什么vue2的数据绑定生效是在渲染页面之后

Question

我是在开发到一半时才发现这个问题的，当网速比较慢的时候非常明显，vue的数据绑定，比如我对一个input 使用了v-mode，然后我
var vm = new Vue({

    el: "#group-send",
    data: {
        smsContent: '',    
        
    })}

vm.smsContent = 'xxxxxxxxxxxxxxxxx';

在首次打开网页时，smsContent的内容是input已经渲染完成之后才改变，能很明显的看到input先是空白，然后再变出内容来，我希望像jquery那样先设置内容再渲染可以做到吗

Answer 1

new Vue({
    created() {
        this.smsContent = 'xxxxx'
    }
})

Answer 2

我觉得你可以使用v-cloak

<div id="app" v-cloak></div>

new Vue({
    el: "#app"
})

css:

[v-cloak]{display:none}

这样，在Vue渲染的这段时间里，页面是白的，渲染完成后，页面出现。

Answer 3

在data中设置默认值

Answer 4

对啊.在data设置默认值.