重新加载页面时如何隐藏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>