v-text、v-html、v-pre 指令

185 阅读1分钟

v-text:插入文本(没有双括号的闪动问题) v-html:插入代码 v-text、v-html:显示时,都会覆盖标签里面的内容

v-text

<!-- v-text ---- hello -->

v-text

<!-- 'v-html ---- hello' -->

{{this.msg4}}

<!-- {{}} ---- hello -->

v-pre:显示原始数据,跳过编译过程,直接显示编译过程(分析编译过程) <h2 v-pre>{{msg3}}

v-cloak:(没有双括号的闪动问题)当网速比较慢时,会出现一个不好的过度现象,会让用户先看到我们的表达式(上面页面中的{undefined{msg}}),然后才看到data中的值(欢迎Vue!)------->即所谓的闪烁问题!

{{this.msg5}}

[v-cloak] { display: none !important; }