按照國(guó)際慣例，我首先 new 了一個(gè) Vue 實(shí)例

let vm = new Vue({
    
    data: {
        name: 'xxx'
    },
    
    methods: {
        getData(){
            let that = this;
            $.ajax({
                ...,
                success: function(res){
                    that.name = res;
                }
            });
        }
    },
    
    mounted(){
        this.getData();
    }
});

如上，在 data 中定義了一個(gè)變量 name, 將獲取數(shù)據(jù)的函數(shù)掛載在 mounted 中，用異步返回的值去變更 name。 ok，現(xiàn)在將 name渲染在頁(yè)面上：

<span>{{ name }}</span>

現(xiàn)在的問(wèn)題是，頁(yè)面上會(huì)快速顯示 name 的初始值 'xxx'，隨后才更新為異步獲得的數(shù)據(jù)，很影響體驗(yàn)
有沒(méi)有方法可以不渲染初始值？（只展示異步獲得的數(shù)據(jù)）

補(bǔ)充：設(shè)置初始值為空依然會(huì)渲染在頁(yè)面上，撐開(kāi)父元素
比如，渲染結(jié)構(gòu)如下：

<span>({{ name }})</span>