vue(3)-防止闪烁

1、使用 v-cloak来解决花括号闪烁,一般会用在比较大的段落

v-cloak直接加在代码里

css里:
[v-cloak]{display:none;}

2、{{msg}}   与 v-text=msg  等价

<span>{{msg}}</span>

<span v-text="msg"></span>  //防止闪烁

3、转义时{{{msg}}}  与 v-html等价

<span>{{{msg}}} </span>  //转义

<span v-html="msg"></span>  //防止闪烁

注:在vue 2.0 -- {{{}}} 这种写法已经删掉

原文地址:https://www.cnblogs.com/sun927/p/7147362.html