重新加載頁面時如何隱藏vue js代碼？

Question

重新加載頁面時，我有一個用Vue編碼的網頁應用程序，HTML加載中的Vue代碼帶有代碼視圖並隱藏。

我需要在重新加載頁面時隱藏此代碼

<script src="cdn.jsdelivr.net/npm/vue"></script> <script src="cdn.jsdelivr.net/npm/vue/dist/vue.js"></script> <script src="./js/vue.js"></script> 

Answer 1

看一下v-cloak ，它是防止此行為的指令。

在css文件中添加以下內容：

[v-cloak] {
  display: none;
}

然后為文本添加v-cloak屬性

<div v-cloak>
  {{ message }}
</div>