也许这是一个微不足道的问题.

所以,当我在浏览器上运行vuejs应用程序时,可以限制下载速度(设置为低连接).我在浏览器中得到了未完成的vue语法输出.

Vue js syntax appear in browser

我知道我们可以在整个页面加载之前显示loading image来解决这个问题,但是有没有最好的解决方案来解决这个问题呢?

推荐答案

您可以使用v-cloak指令,如果将Vue实例与正确的CSS结合使用,它将隐藏Vue实例,直到编译完成.

HTML:

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

CSS:

[v-cloak] { display: none; }

Vue.js相关问答推荐

如何以惯用的方式触发 vue3 中同级组件的效果?

在vuejs中使用表单追加时如何使用布尔值

Nuxt3: 安装vue3-spinner (error: require is not defined in ES module scope)

如何解决 importers[path] is not a function for clean Vue 3/Vite/Storybook installation

如何使用 vuejs 在浏览器 url 中获取当前 product.id 的详细信息

如何在Vue js 3中根据API响应替换react 值

避免在运行时向 Vue 实例或其根 $data 添加响应式属性

Vuejs中的条件a href

如何创建 vuetify 工具栏链接下拉菜单?

vuex: unknown getter: user

ionic - `slot` 属性已被弃用 - eslint-plugin-vue

带有子菜单的 Vuetify 导航抽屉

vuetify:以编程方式显示对话框

模块构建失败:错误:没有给出解析器和文件路径,无法在 nuxtjs 中推断出解析器

如何使用 Vue Test utils 测试输入是否聚焦?

如何从 Vuex 操作访问 Vuex 状态属性?

使用 vuejs 动态设置 id 标签

vuex 是 state.array.push react式的吗?

vue 未在实例上定义,但在渲染期间引用

如何从扩展面板(Vuetify)中删除阴影?