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 -- {{{}}} 这种写法已经删掉

posted @ 2017-07-10 19:41  sunwy927  阅读(544)  评论(0编辑  收藏  举报