Vue使用{{ message }}页面闪烁

来源:互联网 发布:五金行业进销存软件 编辑:程序博客网 时间:2024/06/15 12:27

使用v-text

更新元素的 textContent。

<span v-text="msg"></span>

使用v-cloak

这个指令保持在元素上直到关联实例结束编译。和 CSS 规则如 [v-cloak] { display: none } 一起用时,这个指令可以隐藏未编译的 Mustache 标签直到实例准备完毕。

示例:

[v-cloak] {  display: none;}
<div v-cloak>  {{ message }}</div>

这样<div>不会显示,直到编译结束。