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

How to hide vue js code when reload page?