因為寫的是一個簡單的頁面，所以沒有寫單頁面應用，只是寫了一個html然后引入js代碼

如圖，在剛進入頁面中，顯示諸如{{product.class}}這樣帶花括號的文本，查vue的生命周期資料知道這是在vue已經(jīng)掛載完成但是還沒有渲染完成，應該是在created之后mounted之前。

我想在頁面完成請求到后臺的數(shù)據(jù)并且渲染完成之后在顯示表格的內(nèi)容，不讓預先顯示這些惡心的花括號文本.然后我在表格的div中定義showTable，并將這個值預設為false：

<div v-if="showTable">
   ...
</div>

在loading的div中定義showLoading，并將這個值預設為true:

<div v-if="showLoading">
   ...
</div>

結果是在掛載之后能得到showLoading的值，但是還是顯示出表格及花括號，等到渲染完成之后，才隱藏表格

想問問在這樣非單頁面應用中有沒有較為好的方式來實現(xiàn)loading呢？